.red-point[data-v-c853595f] { z-index: 100; text-align: center; font-size: 0.625rem;
}

.button-dimensions[data-v-384b0cbb] {
        height: 2.875rem;
        width: 100%;
}

ion-button[data-v-384b0cbb] {
        --border-radius: var(--rounded-small);
        --padding-start: 0.625rem;
        --padding-end: 0.625rem;
        --box-shadow: none;
        font-size: var(--button-font-size, 0.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-384b0cbb] {
        --background: var(--background, var(--theme-color-800));
}
div.button ion-button.first-button[data-v-384b0cbb]::part(native) {
        background: var(--background, var(--theme-color-800));
}
div.button ion-button.first-button p[data-v-384b0cbb] {
        font-size: inherit;
}
div.button ion-button.first-button p span[data-v-384b0cbb] {
        color: var(--button-text-color, --color-primary-btn-text-active);
}
div.button ion-button.first-button .disabled p span[data-v-384b0cbb] {
        color: var(--color-primary-btn-text-disable);
}
.new-skin-symbol ion-button[data-v-384b0cbb] {
        --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-384b0cbb] {
        --background: var(--ep-color-background-fill-active-disabled);
}
.new-skin-symbol div.button ion-button.first-button.disabled[data-v-384b0cbb]::part(native) {
        background: var(--ep-color-background-fill-active-disabled);
}
.new-skin-symbol div.button ion-button.first-button.disabled p[data-v-384b0cbb] {
        font-size: inherit;
}
.new-skin-symbol div.button ion-button.first-button.disabled p span[data-v-384b0cbb] {
        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-384b0cbb] {
        color: var(--color-primary-btn-text-disable);
}
.new-skin-symbol .button-disabled[data-v-384b0cbb] {
        opacity: 1;
}
.new-skin-symbol div.button ion-button.first-button[data-v-384b0cbb] {
        --background: var(--ep-dynamic-primary);
}
.new-skin-symbol div.button ion-button.first-button[data-v-384b0cbb]::part(native) {
        background: var(--ep-dynamic-primary);
}
.new-skin-symbol div.button ion-button.first-button p[data-v-384b0cbb] {
        font-size: inherit;
}
.new-skin-symbol div.button ion-button.first-button p span[data-v-384b0cbb] {
        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-384b0cbb] {
        color: var(--color-primary-btn-text-disable);
}
.new-skin-symbol div.button ion-button.raised[data-v-384b0cbb] {
        --background: var(--ep-color-background-fill-surface-raised-L2);
}
.new-skin-symbol div.button ion-button.raised[data-v-384b0cbb]::part(native) {
        background: var(--ep-color-background-fill-surface-raised-L2);
}
.new-skin-symbol div.button ion-button.raised p[data-v-384b0cbb] {
        font-size: inherit;
}
.new-skin-symbol div.button ion-button.raised p span[data-v-384b0cbb] {
        color: var(--ep-color-text-default, --color-primary-btn-text-active);
}
.new-skin-symbol div.button ion-button.raised .disabled p span[data-v-384b0cbb] {
        color: var(--color-primary-btn-text-disable);
}
.new-skin-symbol div.button ion-button.primary[data-v-384b0cbb] {
        --background: var(--ep-color-background-fill-active-active);
}
.new-skin-symbol div.button ion-button.primary[data-v-384b0cbb]::part(native) {
        background: var(--ep-color-background-fill-active-active);
}
.new-skin-symbol div.button ion-button.primary p[data-v-384b0cbb] {
        font-size: inherit;
}
.new-skin-symbol div.button ion-button.primary p span[data-v-384b0cbb] {
        color: var(--ep-color-text-inverse, --color-primary-btn-text-active);
}
.new-skin-symbol div.button ion-button.primary .disabled p span[data-v-384b0cbb] {
        color: var(--color-primary-btn-text-disable);
}
div.button ion-button.style-2[data-v-384b0cbb] {
        --background: var(--color-button-bg-gray);
}
div.button ion-button.style-2[data-v-384b0cbb]::part(native) {
        background: var(--color-button-bg-gray);
}
div.button ion-button.style-2 p[data-v-384b0cbb] {
        font-size: inherit;
}
div.button ion-button.style-2 p span[data-v-384b0cbb] {
        color: var(--button-text-color, --color-primary-btn-text-active);
}
div.button ion-button.style-2 .disabled p span[data-v-384b0cbb] {
        color: var(--color-primary-btn-text-disable);
}
.amber-purple .default div.button ion-button.first-button[data-v-384b0cbb],
    .amber-purple .second div.button ion-button.first-button[data-v-384b0cbb] {
        --background: var(--theme-color-gradient-100);
}
.amber-purple .default div.button ion-button.first-button[data-v-384b0cbb]::part(native),
    .amber-purple .second div.button ion-button.first-button[data-v-384b0cbb]::part(native) {
        background: var(--theme-color-gradient-100);
}
.amber-purple .default div.button ion-button.first-button p[data-v-384b0cbb],
    .amber-purple .second div.button ion-button.first-button p[data-v-384b0cbb] {
        font-size: inherit;
}
.amber-purple .default div.button ion-button.first-button p span[data-v-384b0cbb],
    .amber-purple .second div.button ion-button.first-button p span[data-v-384b0cbb] {
        color: var(--button-text-color, --color-primary-btn-text-active);
}
.amber-purple .default div.button ion-button.first-button .disabled p span[data-v-384b0cbb],
    .amber-purple .second div.button ion-button.first-button .disabled p span[data-v-384b0cbb] {
        color: var(--color-primary-btn-text-disable);
}
div.button ion-button.style-1[data-v-384b0cbb] {
        --background: var(--background, var(--theme-color-800));
}
div.button ion-button.style-1[data-v-384b0cbb]::part(native) {
        background: var(--background, var(--theme-color-800));
}
div.button ion-button.style-1 p[data-v-384b0cbb] {
        font-size: inherit;
}
div.button ion-button.style-1 p span[data-v-384b0cbb] {
        color: var(--button-text-color, --color-primary-btn-text-active);
}
div.button ion-button.style-1 .disabled p span[data-v-384b0cbb] {
        color: var(--color-primary-btn-text-disable);
}
div.button ion-button.style-1[data-v-384b0cbb]::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, 0.26);
}
div.button ion-button.style-1.disabled[data-v-384b0cbb] {
        --background: var(--background, var(--theme-color-800));
}
div.button ion-button.style-1.disabled[data-v-384b0cbb]::part(native) {
        background: var(--background, var(--theme-color-800));
}
div.button ion-button.style-1.disabled p[data-v-384b0cbb] {
        font-size: inherit;
}
div.button ion-button.style-1.disabled p span[data-v-384b0cbb] {
        color: var(--button-text-color, --color-primary-btn-text-active);
}
div.button ion-button.style-1.disabled .disabled p span[data-v-384b0cbb] {
        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-384b0cbb]::part(native) {
        opacity: 0.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, 0.26);
}
ion-button.disabled[data-v-384b0cbb] {
        --background: var(--color-primary-btn-disable) !important;
        --color: var(--color-primary-btn-text-disable);
}
ion-button.loading[data-v-384b0cbb] {
        --background: var(--color-primary-btn-load) !important;
        --color: var(--color-primary-btn-text-load);
}
div.shiny[data-v-384b0cbb] {
        position: relative;
        overflow: hidden;
        border-radius: 0.25rem;
}
div.shiny[data-v-384b0cbb]: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-384b0cbb 4s ease-in-out infinite;
}
@keyframes shiny-384b0cbb {
0% {
            opacity: 0;
            transform: scale(0) rotate(45deg);
}
80% {
            opacity: 0.5;
            transform: scale(0) rotate(45deg);
}
81% {
            opacity: 1;
            transform: scale(4) rotate(45deg);
}
to {
            opacity: 0;
            transform: scale(50) rotate(45deg);
}
}

.country-flag[data-v-8de4606d] {
        display: inline-block;
        width: 1.25rem;
        height: 1.25rem;
        object-fit: cover;
        border-radius: 50%;
}
div.relative ion-input[data-v-8de4606d] {
        --placeholder-color: var(--color-text-40);
        --placeholder-opacity: 1;
        --padding-bottom: 0px;
        --padding-start: 0.75rem !important;
        --padding-top: 0px;
        --border-width: 0px;
        --border-radius: var(--rounded-small);
        --color: var(--color-text-100);
        --background: var(--v456ca708);
        --highlight-color-focused: var(--input-highlight-color);
        --highlight-color-valid: var(--input-highlight-color);
        --placeholder-font-weight: var(--font-weight-regular);
        font-size: 0.875rem;
        line-height: 1.5rem;
}
.recharge ion-input[data-v-8de4606d],
    .withdraw ion-input[data-v-8de4606d],
    .font-weight ion-input[data-v-8de4606d] {
        font-weight: 700;
}
.text-send[data-v-8de4606d] {
        font-weight: 400 !important;
}
div.relative ion-input.ion-invalid[data-v-8de4606d] {
        margin-bottom: var(--v1a8f9536);
}
div.relative ion-input div span[data-v-8de4606d] {
        border-color: var(--color-border-input-prefix);
}
div.relative ion-input[data-v-8de4606d] {
        min-height: 0;
        height: var(--v590f90e0);
}
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;
        line-height: 1.4;
}
div.relative > ion-input.ion-invalid .input-bottom .error-text {
        font-size: 0.75rem;
        padding-left: 0.375rem;
        position: relative;
}
div.relative > ion-input.ion-invalid .input-bottom .error-text:after {
        content: url('/images/auth/warning-r2.svg');
        display: block;
        width: 1rem;
        height: 1rem;
        position: absolute;
        top: 0;
        left: -0.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: 0.25rem;
}
p.currency[data-v-8de4606d] {
        color: var(--color-currency);
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        line-height: normal;
}
p.suffix[data-v-8de4606d] {
        color: var(--color-text-60);
        display: inline-block;
        margin: 0;
        padding: 0;
        line-height: 1.5rem;
        font-size: 0.875rem;
        margin-right: 0.5rem;
}
p.extra[data-v-8de4606d] {
        color: var(--color-text-40);
}
p.amount[data-v-8de4606d] {
        color: var(--color-bonus);
}
div.max-box[data-v-8de4606d] {
        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 0.375rem;
        box-sizing: border-box;
}
.recharge[data-v-8de4606d] {
        font-size: var(--font-size-12);
}
p.max-text[data-v-8de4606d] {
        color: var(--color-text-40);
}
p.no-bonus[data-v-8de4606d] {
        color: var(--color-link);
}
.purple-light .max-text[data-v-8de4606d] {
        color: var(--theme-color-800);
}
.amber-purple div.max-box[data-v-8de4606d] {
        background: var(--color-bg-100);
}
.amber-purple .max-text[data-v-8de4606d] {
        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-8de4606d] {
        --placeholder-color: var(--ep-color-text-weaker);
        --placeholder-opacity: 1;
        --padding-bottom: 0px;
        --padding-start: 0.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-text-weaker);
        --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-8de4606d] {
        color: var(--ep-color-text-warning);
}
.new-skin-symbol div.relative p.extra[data-v-8de4606d] {
        color: var(--ep-color-text-weaker);
}
.new-skin-symbol div.relative p.amount[data-v-8de4606d] {
        color: var(--ep-color-text-success);
}
.new-skin-symbol div.relative .input-icon[data-v-8de4606d] {
        color: var(--ep-color-icon-weaker);
}
.new-skin-symbol div.relative .max-box[data-v-8de4606d] {
        background: var(--ep-color-background-fill-surface-raised-L1);
        min-width: 3rem;
        height: 2.125rem;
        border-radius: 0.25rem;
        text-align: center;
        line-height: 2.125rem;
        cursor: pointer;
        padding: 0 0.375rem;
        box-sizing: border-box;
}
.new-skin-symbol div.relative .max-box .max-text[data-v-8de4606d] {
        color: var(--ep-color-text-weaker);
        font-size: var(--ep-font-size-m);
}
.new-skin-symbol div.relative .password-icon[data-v-8de4606d] {
        color: var(--ep-color-icon-weaker);
}
div.relative.new-skin-symbol ion-input div span[data-v-8de4606d] {
        border-color: var(--ep-color-border-default);
}

.warpper[data-v-36406323] {
        width: 100%;
        padding-bottom: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
}
ion-segment[data-v-36406323] {
        width: 13.8rem;
        height: 2.25rem;
        border-radius: var(--ep-border-radius-l, 0.375rem) !important;
}
ion-segment ion-segment-button[data-v-36406323] {
        --indicator-box-shadow: none;
}
ion-segment ion-segment-button.segment-button-checked.ios ion-label[data-v-36406323] {
        color: var(--ep-color-text-selected);
}
.yellow-dark ion-segment-button[data-v-36406323] {
        --border-radius: var(--rounded-middle);
}
.yellow-dark ion-segment[data-v-36406323] {
        --background: var(--color-bg-300);
}
.yellow-dark ion-segment-button.ios[data-v-36406323]::part(native) {
        color: var(--text-color-white-40);
}
.yellow-dark ion-segment-button[data-v-36406323]::part(indicator-background) {
        background: var(--color-bg-100);
}
.yellow-dark .segment-button-checked.ios ion-label[data-v-36406323] {
        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-36406323] {
        --border-radius: var(--rounded-middle);
}
.green-dark ion-segment[data-v-36406323] {
        --background: var(--color-bg-400);
}
.green-dark ion-segment-button.ios[data-v-36406323]::part(native) {
        color: var(--text-color-white-40);
}
.green-dark ion-segment-button[data-v-36406323]::part(indicator-background) {
        background: var(--color-bg-100);
}
.green-dark .segment-button-checked.ios ion-label[data-v-36406323] {
        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-36406323] {
        --border-radius: var(--rounded-middle);
}
.purple-light ion-segment[data-v-36406323] {
        --background: var(--color-bg-400);
}
.purple-light ion-segment-button.ios[data-v-36406323]::part(native) {
        color: var(--text-color-black-80);
}
.purple-light ion-segment-button[data-v-36406323]::part(indicator-background) {
        background: var(--theme-color-800);
}
.purple-light .segment-button-checked.ios ion-label[data-v-36406323] {
        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-36406323],
    .green-default ion-segment-button[data-v-36406323],
    .green-v01 ion-segment-button[data-v-36406323],
    .green-v02 ion-segment-button[data-v-36406323] {
        --border-radius: 0.25rem;
}
.forest-green ion-segment[data-v-36406323],
    .green-default ion-segment[data-v-36406323],
    .green-v01 ion-segment[data-v-36406323],
    .green-v02 ion-segment[data-v-36406323] {
        --background: var(--color-bg-300);
}
.forest-green ion-segment-button.ios[data-v-36406323]::part(native),
    .green-default ion-segment-button.ios[data-v-36406323]::part(native),
    .green-v01 ion-segment-button.ios[data-v-36406323]::part(native),
    .green-v02 ion-segment-button.ios[data-v-36406323]::part(native) {
        color: var(--color-text-gray-100);
}
.forest-green ion-segment-button[data-v-36406323]::part(indicator-background),
    .green-default ion-segment-button[data-v-36406323]::part(indicator-background),
    .green-v01 ion-segment-button[data-v-36406323]::part(indicator-background),
    .green-v02 ion-segment-button[data-v-36406323]::part(indicator-background) {
        background: var(--color-bg-50);
}
.forest-green .segment-button-checked.ios ion-label[data-v-36406323],
    .green-default .segment-button-checked.ios ion-label[data-v-36406323],
    .green-v01 .segment-button-checked.ios ion-label[data-v-36406323],
    .green-v02 .segment-button-checked.ios ion-label[data-v-36406323] {
        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-36406323] {
        --border-radius: 0.25rem;
}
.blue-default ion-segment[data-v-36406323] {
        --background: #070b18;
}
.blue-default ion-segment-button.ios[data-v-36406323]::part(native) {
        color: var(--text-color-white-80);
}
.blue-default ion-segment-button[data-v-36406323]::part(indicator-background) {
        background: var(--color-bg-50);
}
.blue-default .segment-button-checked.ios ion-label[data-v-36406323] {
        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-36406323] {
        --border-radius: 0.25rem;
}
.auroral-yellow ion-segment[data-v-36406323] {
        --background: #070b18;
}
.auroral-yellow ion-segment-button.ios[data-v-36406323]::part(native) {
        color: var(--text-color-white-80);
}
.auroral-yellow ion-segment-button[data-v-36406323]::part(indicator-background) {
        background: var(--color-bg-100);
}
.auroral-yellow .segment-button-checked.ios ion-label[data-v-36406323] {
        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-36406323] {
        --border-radius: var(--rounded-middle);
}
.amber-purple .default ion-segment[data-v-36406323] {
        --background: var(--color-bg-300);
}
.amber-purple .default ion-segment-button.ios[data-v-36406323]::part(native) {
        color: var(--text-color-white-40);
}
.amber-purple .default ion-segment-button[data-v-36406323]::part(indicator-background) {
        background: var(--color-bg-100);
}
.amber-purple .default .segment-button-checked.ios ion-label[data-v-36406323] {
        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-36406323] {
        --border-radius: 0.25rem;
}
.amber-purple ion-segment[data-v-36406323] {
        --background: var(--color-bg-300);
}
.amber-purple ion-segment-button.ios[data-v-36406323]::part(native) {
        color: var(--color-text-title-basic);
}
.amber-purple ion-segment-button[data-v-36406323]::part(indicator-background) {
        background: var(--color-bg-100);
}
.amber-purple .segment-button-checked.ios ion-label[data-v-36406323] {
        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-36406323] {
        --border-radius: var(--ep-border-radius-m);
}
ion-segment[data-v-36406323] {
        --background: var(--ep-color-background-fill-surface-lowered);
}
ion-segment-button.ios[data-v-36406323]::part(native) {
        color: var(--ep-color-text-weaker);
}
ion-segment-button[data-v-36406323]::part(indicator-background) {
        background: var(--ep-color-background-fill-surface-raised-L2);
}
.segment-button-checked.ios ion-label[data-v-36406323] {
        color: var(--ep-color-icon-brand-primary);
        font-weight: var(--ep-font-weight-bold);
        background-clip: var(--background-clip, border-box) !important;
        background: var(--background, transparent);
}

.header[data-v-1645acf6] { padding-top: 1.0625rem; padding-bottom: 0.9375rem;
}
.title[data-v-1645acf6] { font-size: 1.875rem; line-height: 1.2;
}
.login-hint[data-v-1645acf6] { font-size: 0.875rem; padding-right: 0.75rem;
}
.login-text[data-v-1645acf6] { font-size: 0.875rem;
}
.new-skin-symbol .title[data-v-1645acf6] { font-size: var(--ep-font-size-xxl);
}
.new-skin-symbol .login-hint[data-v-1645acf6], .new-skin-symbol .login-text[data-v-1645acf6] { font-size: var(--ep-font-size-m);
}
.form-wrapper[data-v-1645acf6] { flex: auto; overflow: auto; display: flex; flex-flow: column; padding-top: 0.5rem; -ms-overflow-style: none; scrollbar-width: none;
}
.form-wrapper[data-v-1645acf6]::-webkit-scrollbar { display: none;
}
.footer[data-v-1645acf6] { width: 100%; margin-top: auto; margin-bottom: 1.38rem;
}
.item-height[data-v-1645acf6] { height: 4.375rem;
}
.cf-turnstile[data-v-1645acf6] { padding-bottom: 1rem;
}
.register-btn-warpper[data-v-1645acf6] { position: relative;
}
.register-btn-warpper .rewardTag[data-v-1645acf6] { position: relative; z-index: 10; float: right; margin-right: 1rem; margin-bottom: -0.875rem;
}
.item-height .before-icon[data-v-1645acf6] { font-size: var(--ep-font-size-xl, 1.25rem); margin-inline-end: 0.3125rem; margin-inline-start: 0.1875rem;
}
.adultConfirm[data-v-1645acf6] { margin-bottom: 1.875rem; font-size: 0.625rem; display: flex; align-items: center; justify-content: center;
}
.adultConfirm .text-warpper[data-v-1645acf6] { display: flex; align-items: center; justify-content: space-between; flex: 1 1 0%; padding: 0 0.25rem; font-size: var(--ep-font-size-s, 0.75rem); line-height: 1.625rem;
}
.yellow-dark .title[data-v-1645acf6] { font-weight: var(--font-weight-bold); color: var(--color-text-100);
}
.yellow-dark .login-hint[data-v-1645acf6] { font-weight: var(--font-weight-regular); color: var(--color-text-40);
}
.yellow-dark .login-text[data-v-1645acf6] { font-weight: var(--font-weight-bold); color: var(--accent-color-blue);
}
.yellow-dark .adultConfirm[data-v-1645acf6] { color: #a0a6b0;
}
.yellow-dark .adultConfirm .text-warpper[data-v-1645acf6] { font-weight: var(--font-weight-regular); color: var(--color-text-40);
}
.yellow-dark .adultConfirm ion-checkbox[data-v-1645acf6] { --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.yellow-dark .adultConfirm ion-checkbox[data-v-1645acf6]::part(container) { border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.green-dark .title[data-v-1645acf6] { font-weight: var(--font-weight-bold); color: var(--color-text-100);
}
.green-dark .login-hint[data-v-1645acf6] { font-weight: var(--font-weight-regular); color: var(--color-text-40);
}
.green-dark .login-text[data-v-1645acf6] { font-weight: var(--font-weight-bold); color: var(--accent-color-blue);
}
.green-dark .adultConfirm[data-v-1645acf6] { color: #a0a6b0;
}
.green-dark .adultConfirm .text-warpper[data-v-1645acf6] { font-weight: var(--font-weight-regular); color: var(--color-text-40);
}
.green-dark .adultConfirm ion-checkbox[data-v-1645acf6] { --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.green-dark .adultConfirm ion-checkbox[data-v-1645acf6]::part(container) { border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.purple-light .title[data-v-1645acf6] { font-weight: var(--font-weight-bold); color: var(--color-text-100);
}
.purple-light .login-hint[data-v-1645acf6] { font-weight: var(--font-weight-regular); color: var(--color-text-40);
}
.purple-light .login-text[data-v-1645acf6] { font-weight: var(--font-weight-bold); color: var(--accent-color-blue);
}
.purple-light .adultConfirm[data-v-1645acf6] { color: #a0a6b0;
}
.purple-light .adultConfirm .text-warpper[data-v-1645acf6] { font-weight: var(--font-weight-regular); color: var(--color-text-40);
}
.purple-light .adultConfirm ion-checkbox[data-v-1645acf6] { --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.purple-light .adultConfirm ion-checkbox[data-v-1645acf6]::part(container) { border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.green-default .title[data-v-1645acf6], .green-v01 .title[data-v-1645acf6], .green-v02 .title[data-v-1645acf6] { font-weight: var(--font-weight-bold); color: var(--color-text-gray-100);
}
.green-default .login-hint[data-v-1645acf6], .green-v01 .login-hint[data-v-1645acf6], .green-v02 .login-hint[data-v-1645acf6] { font-weight: var(--font-weight-regular); color: var(--color-text-gray-100);
}
.green-default .login-text[data-v-1645acf6], .green-v01 .login-text[data-v-1645acf6], .green-v02 .login-text[data-v-1645acf6] { font-weight: var(--font-weight-bold); color: #6691d5;
}
.green-default .adultConfirm[data-v-1645acf6], .green-v01 .adultConfirm[data-v-1645acf6], .green-v02 .adultConfirm[data-v-1645acf6] { color: var(--color-text-gray-100);
}
.green-default .adultConfirm .text-warpper[data-v-1645acf6], .green-v01 .adultConfirm .text-warpper[data-v-1645acf6], .green-v02 .adultConfirm .text-warpper[data-v-1645acf6] { font-weight: var(--font-weight-regular); color: var(--color-text-gray-100);
}
.green-default .adultConfirm ion-checkbox[data-v-1645acf6], .green-v01 .adultConfirm ion-checkbox[data-v-1645acf6], .green-v02 .adultConfirm ion-checkbox[data-v-1645acf6] { --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.green-default .adultConfirm ion-checkbox[data-v-1645acf6]::part(container), .green-v01 .adultConfirm ion-checkbox[data-v-1645acf6]::part(container), .green-v02 .adultConfirm ion-checkbox[data-v-1645acf6]::part(container) { border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.forest-green .title[data-v-1645acf6] { font-weight: var(--font-weight-bold); color: var(--color-text-gray-100);
}
.forest-green .login-hint[data-v-1645acf6] { font-weight: var(--font-weight-regular); color: var(--color-text-gray-100);
}
.forest-green .login-text[data-v-1645acf6] { font-weight: var(--font-weight-bold); color: #eef93b;
}
.forest-green .adultConfirm[data-v-1645acf6] { color: var(--color-text-gray-100);
}
.forest-green .adultConfirm .text-warpper[data-v-1645acf6] { font-weight: var(--font-weight-regular); color: var(--color-text-gray-100);
}
.forest-green .adultConfirm ion-checkbox[data-v-1645acf6] { --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.forest-green .adultConfirm ion-checkbox[data-v-1645acf6]::part(container) { border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.blue-default .title[data-v-1645acf6] { font-weight: var(--font-weight-bold); color: var(--color-text-100);
}
.blue-default .login-hint[data-v-1645acf6] { font-weight: var(--font-weight-regular); color: var(--color-text-40);
}
.blue-default .login-text[data-v-1645acf6] { font-weight: var(--font-weight-bold); color: var(--accent-color-yellow);
}
.blue-default .adultConfirm[data-v-1645acf6] { color: var(--color-text-40);
}
.blue-default .adultConfirm .text-warpper[data-v-1645acf6] { font-weight: var(--font-weight-regular); color: var(--color-text-40);
}
.blue-default .adultConfirm ion-checkbox[data-v-1645acf6] { --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.blue-default .adultConfirm ion-checkbox[data-v-1645acf6]::part(container) { border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.auroral-yellow .title[data-v-1645acf6] { font-weight: var(--font-weight-bold); color: var(--color-text-100);
}
.auroral-yellow .login-hint[data-v-1645acf6] { font-weight: var(--font-weight-regular); color: var(--color-text-40);
}
.auroral-yellow .login-text[data-v-1645acf6] { font-weight: var(--font-weight-bold); color: var(--text-color1);
}
.auroral-yellow .adultConfirm[data-v-1645acf6] { color: var(--color-text-40);
}
.auroral-yellow .adultConfirm .text-warpper[data-v-1645acf6] { font-weight: var(--font-weight-regular); color: var(--color-text-40);
}
.auroral-yellow .adultConfirm ion-checkbox[data-v-1645acf6] { --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.auroral-yellow .adultConfirm ion-checkbox[data-v-1645acf6]::part(container) { border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.amber-purple .default .title[data-v-1645acf6] { font-weight: var(--font-weight-bold); color: var(--color-text-100);
}
.amber-purple .default .login-hint[data-v-1645acf6] { font-weight: var(--font-weight-regular); color: var(--color-text-40);
}
.amber-purple .default .login-text[data-v-1645acf6] { font-weight: var(--font-weight-bold); color: var(--accent-color-green-2);
}
.amber-purple .default .adultConfirm[data-v-1645acf6] { color: #a0a6b0;
}
.amber-purple .default .adultConfirm .text-warpper[data-v-1645acf6] { font-weight: var(--font-weight-regular); color: var(--color-text-40);
}
.amber-purple .default .adultConfirm ion-checkbox[data-v-1645acf6] { --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.amber-purple .default .adultConfirm ion-checkbox[data-v-1645acf6]::part(container) { border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.amber-purple .title[data-v-1645acf6] { font-weight: var(--font-weight-bold); color: var(--text-color-light-purple-1-100);
}
.amber-purple .login-hint[data-v-1645acf6] { font-weight: var(--font-weight-regular); color: var(--text-color-light-purple-2-100);
}
.amber-purple .login-text[data-v-1645acf6] { font-weight: var(--font-weight-bold); color: var(--accent-color-yellow);
}
.amber-purple .adultConfirm[data-v-1645acf6] { color: var(--text-color-light-purple-2-100);
}
.amber-purple .adultConfirm .text-warpper[data-v-1645acf6] { font-weight: var(--font-weight-regular); color: var(--text-color-light-purple-2-100);
}
.amber-purple .adultConfirm ion-checkbox[data-v-1645acf6] { --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.amber-purple .adultConfirm ion-checkbox[data-v-1645acf6]::part(container) { border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.title[data-v-1645acf6] { font-weight: var(--ep-font-weight-bold); color: var(--ep-color-text-default);
}
.login-hint[data-v-1645acf6] { font-weight: var(--ep-font-weight-regular); color: var(--ep-color-text-weaker);
}
.login-text[data-v-1645acf6] { font-weight: var(--ep-font-weight-bold); color: var(--ep-color-text-highlight);
}
.adultConfirm[data-v-1645acf6] { color: #a0a6b0;
}
.adultConfirm .text-warpper[data-v-1645acf6] { font-weight: var(--ep-font-weight-regular); color: var(--ep-color-text-weaker);
}
.adultConfirm ion-checkbox[data-v-1645acf6] { --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.adultConfirm ion-checkbox[data-v-1645acf6]::part(container) { border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}

.header[data-v-0ce7db78] { padding-top: 2.8rem; padding-bottom: 2.37rem;
}
.title[data-v-0ce7db78] { font-size: var(--ep-font-size-xxl, 1.875rem); line-height: 1.2;
}
.register-hint[data-v-0ce7db78] { font-size: var(--ep-font-size-m, 0.875rem); padding-right: 0.75rem;
}
.register-text[data-v-0ce7db78] { font-size: var(--ep-font-size-m, 0.875rem);
}
.exception-text[data-v-0ce7db78] { font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-regular, 400); color: #e64021; line-height: 1.5;
}
.form-wrapper[data-v-0ce7db78] { flex: auto; overflow: auto; display: flex; flex-flow: column; padding-top: 0.5rem; -ms-overflow-style: none; scrollbar-width: none;
}
.form-wrapper[data-v-0ce7db78]::-webkit-scrollbar { display: none;
}
.footer[data-v-0ce7db78] { width: 100%; margin-top: auto; margin-bottom: 1.38rem;
}
.item-height[data-v-0ce7db78] { height: 4.375rem;
}
.btn-login[data-v-0ce7db78] { margin-bottom: 1rem;
}
.remember-account[data-v-0ce7db78] { margin-bottom: 1.875rem; font-size: 0.625rem; display: flex; align-items: center; justify-content: center;
}
.remember-account .text-warpper[data-v-0ce7db78] { display: flex; align-items: center; justify-content: space-between; flex: 1 1 0%; padding: 0 0.25rem; font-size: var(--ep-font-size-s, 0.75rem); line-height: 1.625rem;
}
.yellow-dark .title[data-v-0ce7db78] { font-weight: var(--font-weight-bold); color: var(--color-text-100);
}
.yellow-dark .register-hint[data-v-0ce7db78] { font-weight: var(--font-weight-regular); color: var(--ep-color-text-weaker, var(--color-text-40));
}
.yellow-dark .register-text[data-v-0ce7db78] { font-weight: var(--font-weight-bold); color: #6691d5;
}
.yellow-dark .remember-account[data-v-0ce7db78] { color: #a0a6b0;
}
.yellow-dark .remember-account .text-warpper[data-v-0ce7db78] { font-weight: var(--font-weight-regular); color: var(--ep-color-text-weak, var(--color-text-40));
}
.yellow-dark .remember-account ion-checkbox[data-v-0ce7db78] { --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.yellow-dark .remember-account ion-checkbox[data-v-0ce7db78]::part(container) { border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.green-dark .title[data-v-0ce7db78] { font-weight: var(--font-weight-bold); color: var(--color-text-100);
}
.green-dark .register-hint[data-v-0ce7db78] { font-weight: var(--font-weight-regular); color: var(--ep-color-text-weaker, var(--color-text-40));
}
.green-dark .register-text[data-v-0ce7db78] { font-weight: var(--font-weight-bold); color: var(--accent-color-blue);
}
.green-dark .remember-account[data-v-0ce7db78] { color: #a0a6b0;
}
.green-dark .remember-account .text-warpper[data-v-0ce7db78] { font-weight: var(--font-weight-regular); color: var(--ep-color-text-weak, var(--color-text-40));
}
.green-dark .remember-account ion-checkbox[data-v-0ce7db78] { --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.green-dark .remember-account ion-checkbox[data-v-0ce7db78]::part(container) { border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.purple-light .title[data-v-0ce7db78] { font-weight: var(--font-weight-bold); color: var(--color-text-100);
}
.purple-light .register-hint[data-v-0ce7db78] { font-weight: var(--font-weight-regular); color: var(--ep-color-text-weaker, var(--color-text-40));
}
.purple-light .register-text[data-v-0ce7db78] { font-weight: var(--font-weight-bold); color: var(--accent-color-blue);
}
.purple-light .remember-account[data-v-0ce7db78] { color: #a0a6b0;
}
.purple-light .remember-account .text-warpper[data-v-0ce7db78] { font-weight: var(--font-weight-regular); color: var(--ep-color-text-weak, var(--color-text-40));
}
.purple-light .remember-account ion-checkbox[data-v-0ce7db78] { --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.purple-light .remember-account ion-checkbox[data-v-0ce7db78]::part(container) { border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.green-default .title[data-v-0ce7db78], .green-v01 .title[data-v-0ce7db78], .green-v02 .title[data-v-0ce7db78] { font-weight: var(--font-weight-bold); color: var(--color-text-gray-100);
}
.green-default .register-hint[data-v-0ce7db78], .green-v01 .register-hint[data-v-0ce7db78], .green-v02 .register-hint[data-v-0ce7db78] { font-weight: var(--font-weight-regular); color: var(--ep-color-text-weaker, var(--color-text-gray-100));
}
.green-default .register-text[data-v-0ce7db78], .green-v01 .register-text[data-v-0ce7db78], .green-v02 .register-text[data-v-0ce7db78] { font-weight: var(--font-weight-bold); color: #6691d5;
}
.green-default .remember-account[data-v-0ce7db78], .green-v01 .remember-account[data-v-0ce7db78], .green-v02 .remember-account[data-v-0ce7db78] { color: var(--color-text-gray-100);
}
.green-default .remember-account .text-warpper[data-v-0ce7db78], .green-v01 .remember-account .text-warpper[data-v-0ce7db78], .green-v02 .remember-account .text-warpper[data-v-0ce7db78] { font-weight: var(--font-weight-regular); color: var(--ep-color-text-weak, var(--color-text-gray-100));
}
.green-default .remember-account ion-checkbox[data-v-0ce7db78], .green-v01 .remember-account ion-checkbox[data-v-0ce7db78], .green-v02 .remember-account ion-checkbox[data-v-0ce7db78] { --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.green-default .remember-account ion-checkbox[data-v-0ce7db78]::part(container), .green-v01 .remember-account ion-checkbox[data-v-0ce7db78]::part(container), .green-v02 .remember-account ion-checkbox[data-v-0ce7db78]::part(container) { border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.forest-green .title[data-v-0ce7db78] { font-weight: var(--font-weight-bold); color: var(--color-text-gray-100);
}
.forest-green .register-hint[data-v-0ce7db78] { font-weight: var(--font-weight-regular); color: var(--ep-color-text-weaker, var(--color-text-gray-100));
}
.forest-green .register-text[data-v-0ce7db78] { font-weight: var(--font-weight-bold); color: #eef93b;
}
.forest-green .remember-account[data-v-0ce7db78] { color: var(--color-text-gray-100);
}
.forest-green .remember-account .text-warpper[data-v-0ce7db78] { font-weight: var(--font-weight-regular); color: var(--ep-color-text-weak, var(--color-text-gray-100));
}
.forest-green .remember-account ion-checkbox[data-v-0ce7db78] { --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.forest-green .remember-account ion-checkbox[data-v-0ce7db78]::part(container) { border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.blue-default .title[data-v-0ce7db78] { font-weight: var(--font-weight-bold); color: var(--color-text-100);
}
.blue-default .register-hint[data-v-0ce7db78] { font-weight: var(--font-weight-regular); color: var(--ep-color-text-weaker, var(--color-text-40));
}
.blue-default .register-text[data-v-0ce7db78] { font-weight: var(--font-weight-bold); color: var(--accent-color-yellow);
}
.blue-default .remember-account[data-v-0ce7db78] { color: var(--color-text-40);
}
.blue-default .remember-account .text-warpper[data-v-0ce7db78] { font-weight: var(--font-weight-regular); color: var(--ep-color-text-weak, var(--color-text-40));
}
.blue-default .remember-account ion-checkbox[data-v-0ce7db78] { --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.blue-default .remember-account ion-checkbox[data-v-0ce7db78]::part(container) { border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.auroral-yellow .title[data-v-0ce7db78] { font-weight: var(--font-weight-bold); color: var(--color-text-100);
}
.auroral-yellow .register-hint[data-v-0ce7db78] { font-weight: var(--font-weight-regular); color: var(--ep-color-text-weaker, var(--color-text-40));
}
.auroral-yellow .register-text[data-v-0ce7db78] { font-weight: var(--font-weight-bold); color: var(--text-color1);
}
.auroral-yellow .remember-account[data-v-0ce7db78] { color: var(--color-text-40);
}
.auroral-yellow .remember-account .text-warpper[data-v-0ce7db78] { font-weight: var(--font-weight-regular); color: var(--ep-color-text-weak, var(--color-text-40));
}
.auroral-yellow .remember-account ion-checkbox[data-v-0ce7db78] { --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.auroral-yellow .remember-account ion-checkbox[data-v-0ce7db78]::part(container) { border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.amber-purple .default .title[data-v-0ce7db78] { font-weight: var(--font-weight-bold); color: var(--color-text-100);
}
.amber-purple .default .register-hint[data-v-0ce7db78] { font-weight: var(--font-weight-regular); color: var(--ep-color-text-weaker, var(--color-text-40));
}
.amber-purple .default .register-text[data-v-0ce7db78] { font-weight: var(--font-weight-bold); color: var(--accent-color-orange-3);
}
.amber-purple .default .remember-account[data-v-0ce7db78] { color: #a0a6b0;
}
.amber-purple .default .remember-account .text-warpper[data-v-0ce7db78] { font-weight: var(--font-weight-regular); color: var(--ep-color-text-weak, var(--color-text-40));
}
.amber-purple .default .remember-account ion-checkbox[data-v-0ce7db78] { --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.amber-purple .default .remember-account ion-checkbox[data-v-0ce7db78]::part(container) { border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.amber-purple .title[data-v-0ce7db78] { font-weight: var(--font-weight-bold); color: var(--text-color-light-purple-1-100);
}
.amber-purple .register-hint[data-v-0ce7db78] { font-weight: var(--font-weight-regular); color: var(--ep-color-text-weaker, var(--text-color-light-purple-2-100));
}
.amber-purple .register-text[data-v-0ce7db78] { font-weight: var(--font-weight-bold); color: var(--accent-color-yellow);
}
.amber-purple .remember-account[data-v-0ce7db78] { color: var(--text-color-light-purple-2-100);
}
.amber-purple .remember-account .text-warpper[data-v-0ce7db78] { font-weight: var(--font-weight-regular); color: var(--ep-color-text-weak, var(--text-color-light-purple-2-100));
}
.amber-purple .remember-account ion-checkbox[data-v-0ce7db78] { --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.amber-purple .remember-account ion-checkbox[data-v-0ce7db78]::part(container) { border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.new-skin-symbol .title[data-v-0ce7db78] { font-weight: var(--ep-font-weight-bold); color: var(--ep-color-text-default);
}
.new-skin-symbol .register-hint[data-v-0ce7db78] { font-weight: var(--font-weight-regular); color: var(--ep-color-text-weaker, var(--ep-color-text-weaker));
}
.new-skin-symbol .register-text[data-v-0ce7db78] { font-weight: var(--ep-font-weight-bold); color: var(--ep-color-text-highlight);
}
.new-skin-symbol .remember-account[data-v-0ce7db78] { color: #a0a6b0;
}
.new-skin-symbol .remember-account .text-warpper[data-v-0ce7db78] { font-weight: var(--font-weight-regular); color: var(--ep-color-text-weak, var(--ep-color-text-weaker));
}
.new-skin-symbol .remember-account ion-checkbox[data-v-0ce7db78] { --checkbox-background-checked: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg));
}
.new-skin-symbol .remember-account ion-checkbox[data-v-0ce7db78]::part(container) { border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}

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-67f91e61] {
        width: 100%;
        height: 100%;
}
.header[data-v-67f91e61] {
        width: 100%;
        height: 6.06rem;
        padding: 0 1rem;
}
.header .header-content[data-v-67f91e61] {
        width: 100%;
        padding-top: 0.75rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
}
.logo[data-v-67f91e61] {
        max-width: 7.5rem;
        height: 1.75rem;
}
.btn-close[data-v-67f91e61] {
        display: inline-block;
        width: 1.875rem;
        height: 1.875rem;
        font-size: 0.75rem;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
}
.content[data-v-67f91e61] {
        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-67f91e61]::-webkit-scrollbar {
        display: none;
}
.forget-title[data-v-67f91e61] {
        font-size: 1.125rem;
}
.forget-tips[data-v-67f91e61] {
        font-size: 0.75rem;
}
.footer[data-v-67f91e61] {
        width: 100%;
        margin-top: auto;
        margin-bottom: 1.38rem;
}
.yellow-dark .btn-close[data-v-67f91e61] {
        background-color: var(--color-text-20);
        color: var(--login-close-color);
}
.yellow-dark .content[data-v-67f91e61] {
        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, 0.44));
        fill: var(--color-bg-200);
}
.yellow-dark .forget-title[data-v-67f91e61] {
        color: var(--color-text-100);
}
.yellow-dark .forget-tips[data-v-67f91e61] {
        color: var(--color-text-40);
}
.green-dark .btn-close[data-v-67f91e61] {
        background-color: var(--color-text-20);
        color: var(--login-close-color);
}
.green-dark .content[data-v-67f91e61] {
        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, 0.44));
        fill: var(--color-bg-200);
}
.green-dark .forget-title[data-v-67f91e61] {
        color: var(--color-text-100);
}
.green-dark .forget-tips[data-v-67f91e61] {
        color: var(--color-text-40);
}
.purple-light .btn-close[data-v-67f91e61] {
        background-color: rgba(255, 255, 255, 0.2);
        color: var(--text-color-white-100);
}
.purple-light .content[data-v-67f91e61] {
        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, 0.44));
        fill: var(--color-bg-200);
}
.purple-light .forget-title[data-v-67f91e61] {
        color: var(--color-text-100);
}
.purple-light .forget-tips[data-v-67f91e61] {
        color: var(--color-text-40);
}
.green-default .btn-close[data-v-67f91e61],
    .green-v01 .btn-close[data-v-67f91e61],
    .green-v02 .btn-close[data-v-67f91e61],
    .forest-green .btn-close[data-v-67f91e61] {
        background-color: rgba(255, 255, 255, 0.2);
        color: var(--color-text-white-100);
}
.green-default .content[data-v-67f91e61],
    .green-v01 .content[data-v-67f91e61],
    .green-v02 .content[data-v-67f91e61],
    .forest-green .content[data-v-67f91e61] {
        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, 0.44));
        fill: var(--color-bg-200);
}
.green-default .forget-title[data-v-67f91e61],
    .green-v01 .forget-title[data-v-67f91e61],
    .green-v02 .forget-title[data-v-67f91e61],
    .forest-green .forget-title[data-v-67f91e61] {
        color: var(--color-text-100);
}
.green-default .forget-tips[data-v-67f91e61],
    .green-v01 .forget-tips[data-v-67f91e61],
    .green-v02 .forget-tips[data-v-67f91e61],
    .forest-green .forget-tips[data-v-67f91e61] {
        color: var(--color-text-40);
}
.blue-default .btn-close[data-v-67f91e61] {
        background-color: rgba(255, 255, 255, 0.2);
        color: var(--color-text-white-100);
}
.blue-default .content[data-v-67f91e61] {
        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, 0.44));
        fill: var(--color-bg-200);
}
.blue-default .forget-title[data-v-67f91e61] {
        color: var(--color-text-100);
}
.blue-default .forget-tips[data-v-67f91e61] {
        color: var(--color-text-40);
}
.auroral-yellow .btn-close[data-v-67f91e61] {
        background-color: rgba(255, 255, 255, 0.2);
        color: var(--color-text-white-100);
}
.auroral-yellow .content[data-v-67f91e61] {
        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, 0.44));
        fill: var(--color-bg-200);
}
.auroral-yellow .forget-title[data-v-67f91e61] {
        color: var(--color-text-100);
}
.auroral-yellow .forget-tips[data-v-67f91e61] {
        color: var(--color-text-40);
}
.amber-purple .btn-close[data-v-67f91e61] {
        background-color: rgba(255, 255, 255, 0.2);
        color: var(--text-color-white-100);
}
.amber-purple .content[data-v-67f91e61] {
        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, 0.44));
        fill: var(--color-bg-200);
}
.amber-purple .forget-title[data-v-67f91e61] {
        color: var(--color-text-100);
}
.amber-purple .forget-tips[data-v-67f91e61] {
        color: var(--color-text-40);
}
.btn-close[data-v-67f91e61] {
        background-color: var(--ep-neutral-white-white-20);
        color: var(--ep-color-icon-default);
}
.content[data-v-67f91e61] {
        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-67f91e61] {
        color: var(--color-text-100);
}
.forget-tips[data-v-67f91e61] {
        color: var(--color-text-40);
}

ion-modal#change-pw-modal::part(content) { --height: 100%; --width: 100%;
}
.btn-close[data-v-31bbe9c1] { position: absolute; top: 0.25rem; right: 1.25rem; font-size: 0.75rem; color: var(--ep-color-text-weaker, var(--login-close-color));
}
.forget-title[data-v-31bbe9c1] { font-size: var(--ep-font-size-xl, 1.125rem); color: var(--ep-color-text-default, var(--color-text-100)); font-weight: var(--ep-font-weight-regular, 400); line-height: 1.5;
}
.forget-tips[data-v-31bbe9c1] { font-size: var(--ep-font-size-s, 0.75rem); color: var(--ep-color-text-weaker, var(--color-text-40)); font-weight: var(--ep-font-weight-regular, 400); line-height: 1.5;
}
.step-index[data-v-31bbe9c1] { display: flex; align-items: center; justify-content: center; width: 1.375rem; height: 1.375rem; line-height: 1.375rem; border: 1px solid var(--ep-color-text-weaker, var(--color-text-40)); border-radius: 50%; text-align: center;
}
.step-index.on[data-v-31bbe9c1] { background: var(--ep-color-icon-brand-primary, var(--color-checkbox-bg)); border-width: 0; font-weight: var(--font-weight-bold); color: var(--ep-color-text-inverse, var(--forgot-step-pass-color, #fff));
}
.step-index.on.current[data-v-31bbe9c1] { width: 1.75rem; height: 1.75rem; line-height: 1.75rem;
}
.step-icon[data-v-31bbe9c1] { font-size: 0.75rem; color: var(--ep-color-text-inverse, var(--forgot-step-pass-color, #fff));
}
.step-title[data-v-31bbe9c1] { font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-regular); line-height: 1.5; color: var(--ep-color-text-weaker, var(--color-text-80)); margin-bottom: 0.5625rem;
}
.step-unpass-text[data-v-31bbe9c1] { color: var(--ep-color-text-weaker, var(--forgot-step-unpass-color));
}
.step-unpass-bg[data-v-31bbe9c1] { background: var(--ep-color-icon-weaker, var(--color-text-40));
}
.step-pass-bg[data-v-31bbe9c1] { background: var(--ep-color-icon-brand-primary, var(--theme-color-800));
}
.modal-overlay[data-v-31bbe9c1] { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%;
}
.modal-content[data-v-31bbe9c1] { background-color: var(--ep-color-background-fill-surface-raised-L1, var(--color-bg-200)); border-radius: var(--ep-border-radius-surface-small, var(--rounded-large)); width: 20.375rem; min-height: 21.5625rem; max-height: 100%; box-shadow: 0 4px 6.5px rgba(0, 0, 0, 0.25);
}
.modal-header[data-v-31bbe9c1] { position: relative; width: 100%; min-height: 3.125rem; margin-top: 0.75rem; margin-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem;
}
.modal-body[data-v-31bbe9c1] { padding-left: 1rem; padding-right: 1rem;
}
.step-indicator-wrapper[data-v-31bbe9c1] { display: flex; align-items: center; justify-content: space-between; font-size: 0.75rem; padding: 1rem 2rem 1.5rem; margin-bottom: 0.5rem;
}
.step-item[data-v-31bbe9c1] { display: flex; align-items: center; justify-content: center; flex-direction: column; height: 1.75rem;
}
.step-line-wrapper[data-v-31bbe9c1] { display: flex; align-items: center; flex: 1; height: 1.75rem;
}
.step-line[data-v-31bbe9c1] { width: 100%; height: 0.125rem;
}
.form-field[data-v-31bbe9c1] { margin-bottom: 1.875rem;
}
.verify-tip[data-v-31bbe9c1] { margin-top: 0.5rem; text-align: end; display: none;
}
.verify-tip-link[data-v-31bbe9c1] { font-size: 0.625rem; color: #1680dc;
}
.submit-btn[data-v-31bbe9c1] { margin-bottom: 1.25rem;
}

.vHtml[data-v-8babf15e] [style*='text-align: center'] img, .vHtml[data-v-8babf15e] [style*='text-align:center'] img { margin-left: auto; margin-right: auto;
}

ion-button[data-v-0e43d217]::part(native) { width: 6.875rem; height: 2.1875rem; border-radius: 0.3125rem;
}
.btnList[data-v-0e43d217]:nth-child(2) { margin-left: 1.875rem;
}
.bg-img-wrapper[data-v-0e43d217] { 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-0e43d217] { min-height: 2.1875rem; --background: var(--color-bg-btn-popup-cancel); --color: var(--color-text-btn-basic); --box-shadow: none; font-size: 0.75rem;
}
.rightBtn[data-v-0e43d217] { min-height: 2.1875rem; --background: transparent; --background-activated: transparent; --border-width: 0.0625rem; --border-style: solid; --border-color: var(--color-border-popup-confirm); --color: #595959; --box-shadow: none; font-size: 0.75rem;
}

    /* 中央充值图标：绑定脚本中的资源地址。 */
.deposit .tab-img[data-v-0555fc8c] { background-image: var(--v791a856e);
}

    /* 图标动画：切换选中状态时的缩放效果。 */
@keyframes buttonAnimation-0555fc8c {
0% { transform: scale(0);
}
50% { transform: scale(1.2);
}
to { transform: scale(1);
}
}
    /* 底栏容器：底部定位、背景与内部布局。 */
.blue-default .outer-wrap[data-v-0555fc8c] { width: 100%; position: absolute; bottom: -0.0625rem; z-index: 10;
}
.blue-default .outer-wrap .tab-bar[data-v-0555fc8c] { --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-0555fc8c] { width: 100%; height: 100%; display: flex; flex-direction: column; position: relative;
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg[data-v-0555fc8c] { display: flex; height: 100%; background: var(--v32ebd95b);
}
    /* 导航按钮：图标、标签、选中状态及提示点。 */
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg .tab-btn[data-v-0555fc8c] { flex: 1; display: flex; flex-direction: column; align-items: center; padding-top: 0.25rem; position: relative;
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg .tab-btn .tab-img[data-v-0555fc8c] { 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-0555fc8c] { animation: buttonAnimation-0555fc8c 0.5s;
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg .tab-btn .label[data-v-0555fc8c] { font-size: 0.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-0555fc8c] { color: #fff;
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg .tab-btn .flexible-text[data-v-0555fc8c] { color: #94ff7f; margin-bottom: 0.3125rem; margin-top: auto;
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg .tab-btn .point-1[data-v-0555fc8c] { top: 0.3125rem; right: 1.5625rem;
}
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg .tab-btn .point-4[data-v-0555fc8c] { top: 0.3125rem; right: 1.5rem;
}
    /* 选中指示：下划线按按钮中心百分比定位，切换时平滑移动。 */
.blue-default .outer-wrap .tab-bar .inner-wrap .tab-bg .underline[data-v-0555fc8c] { position: absolute; width: 0.5rem; height: 0.125rem; background-color: #94ff7f; transition: left 0.3s; bottom: 0.3125rem; transform: translate(-50%); border-radius: 0.125rem;
}
    /* 中央充值入口：凸起背景、图标尺寸与底部安全区。 */
.blue-default .deposit[data-v-0555fc8c] { 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('/images/skins/first/svg/tabbar/deposit-blue-dark.svg') no-repeat top / cover;
}
.blue-default .deposit .tab-img[data-v-0555fc8c] { width: 3rem; height: 3rem; margin-top: 0.1875rem; background-position: 0% 0%; background-size: cover;
}
.blue-default .deposit .tab-img.on[data-v-0555fc8c] { animation: buttonAnimation-0555fc8c 0.5s;
}

.content[data-v-166b2d1d] {
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
}

.content[data-v-37e4df43] {
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
}
.icon-generic[data-v-37e4df43] {
        content: image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIAQMAAABvIyEEAAAABlBMVEUAAABTU1OoaSf/AAAAAXRSTlMAQObYZgAAAENJREFUeF7tzbEJACEQRNGBLeAasBCza2lLEGx0CxFGG9hBMDDxRy/72O9FMnIFapGylsu1fgoBdkXfUHLrQgdfrlJN1BdYBjQQm3UAAAAASUVORK5CYII=) 1x);
}
.bg-restricted[data-v-37e4df43] {
        width: 100%;
        background-color: #fff;
        --color-screen-bg: #fff;
        padding: 0 20px;
}
ion-app[data-v-37e4df43] {
        --color-screen-bg: #fff;
}
@media (max-width: 468px) {
.button-full-container[data-v-37e4df43] {
            position: absolute;
            bottom: 22px;
            box-sizing: border-box;
            display: flex;
            left: 0;
            justify-content: center;
}
.button-full[data-v-37e4df43] {
            margin: 20px;
            display: inline-block;
            padding: 16px 12px !important;
            width: calc(100% - 64px);
            font-size: 14px;
}
}
.button-full[data-v-37e4df43] {
        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 0.15s cubic-bezier(0.4, 0, 0.2, 1);
        -webkit-user-select: none;
        user-select: none;
        font-weight: 500;
}

.online-service-entry[data-v-5d61f69e] {
        display: contents;
}
.color[data-v-5d61f69e] {
        color: rgba(255, 255, 255, 0.4);
}
.page-405 .cloud[data-v-5d61f69e] {
        width: 327px;
        height: 127px;
        margin: 22px auto 0;
        background: url('/images/system/cloud-dark-r2.svg') no-repeat;
        background-size: cover;
}
.page-405 .main-area[data-v-5d61f69e] {
        width: 24.375rem;
        height: 28.125rem;
        background: url('/images/system/limit-dark-r2.png') no-repeat;
        background-size: cover;
        text-align: center;
        font-family: Saira;
        color: rgba(255, 255, 255, 0.4);
}
.page-405 .main-area .title[data-v-5d61f69e] {
        color: #df8644;
        font-size: 18px;
        font-weight: 700;
        line-height: 27px;
        padding-top: 240px;
}
.page-405 .main-area .text[data-v-5d61f69e] {
        width: 366px;
        font-size: 0.75rem;
        line-height: 1.125rem;
        box-sizing: border-box;
        padding: 0 21px;
        margin: 16px auto 60px;
}
.page-405 .main-area .support[data-v-5d61f69e] {
        display: flex;
        width: 242px;
        height: 52px;
        line-height: 52px;
        justify-content: center;
        align-items: center;
        border-radius: 52px;
        box-sizing: border-box;
        border: 0.0625rem solid rgba(255, 255, 255, 0.2);
        margin: 0 auto;
        font-weight: 500px;
        color: #fff;
        font-size: 16px;
}
.page-405 .main-area .support .support-icon[data-v-5d61f69e] {
        font-size: 26px;
        margin-right: 10px;
        color: #fff;
}
.page-405 .technical-support[data-v-5d61f69e] {
        color: rgba(255, 255, 255, 0.4);
        width: 12.5rem;
        height: 1.125rem;
        line-height: 1.125rem;
        font-size: 0.75rem;
        text-align: center;
        margin: 13.125rem auto 0;
}
.page-405 .technical-support span[data-v-5d61f69e] {
        color: #6691d5;
        font-weight: 700;
}

    /* 源 1f20d2e8 / ef4dd440：底部卡片、Safari 地址框及主题配色。 */
.amber-purple .title[data-v-18bcf57f] { color: var(--text-color-light-purple-1-100);
}
.amber-purple .pwa-tip[data-v-18bcf57f] { background-color: var(--color-bg-300); color: var(--text-color-light-purple-2-100);
}
.amber-purple .accent-box[data-v-18bcf57f] { border: none; background-color: var(--color-bg-100); color: var(--text-color-light-purple-1-100);
}
.guide-safari-wrap[data-v-18bcf57f] { width: 17.5rem; max-width: 100%; margin: 1rem auto;
}
.guide-safari-wrap .text[data-v-18bcf57f] { font-size: 14px; text-align: left; line-height: 1.5rem; margin-bottom: 1rem;
}
.rectangle[data-v-18bcf57f] { width: 100%; height: 2.5rem; background: white; border-radius: 6px; color: #100; padding: 0.4375rem; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--accent-color-yellow);
}
.copy-text[data-v-18bcf57f] { width: 14.25rem; min-width: 0; flex: 1; margin-left: 0.5rem; font-size: 0.875rem; line-height: 1.625rem; background: transparent; color: #100; border: 0;
}
.safari-icon[data-v-18bcf57f] { width: 1.5rem; height: 1.5rem;
}
    /* 本地适配：菜单分支复用源引导，窄屏/横屏可滚动，关闭及复制使用现有可访问交互。 */
.pwa-tip[data-v-18bcf57f] { max-width: 100%; max-height: 100%; overflow-y: auto; padding-bottom: max(2rem, env(safe-area-inset-bottom));
}
.close-button[data-v-18bcf57f] { display: flex; align-items: center; justify-content: center; padding: 0.25rem;
}
.copy-button[data-v-18bcf57f] { --background: var(--color-bg-btn-popup-cancel); --color: var(--color-text-btn-basic); margin-top: 1.5rem;
}

    /* 源 FooterModal / ee1c0065；blue-default 的 Default 分支保留白色卡片和描边安装按钮。 */
#pwa-footer-modal[data-v-dca3ac04] { --width: 100%; --height: 100%; --border-radius: 0; background: var(--color-bg-mask-black);
}
.pwa-footer-wrap[data-v-dca3ac04] { display: flex; align-items: flex-end; justify-content: center; width: 100%; height: 100%;
}
.content_footer_pwa[data-v-dca3ac04] { position: relative; width: 24.375rem; max-width: 100%; max-height: 100%; overflow-y: auto; border-radius: 0.625rem 0.625rem 0 0; padding: 1.25rem; padding-bottom: max(1.25rem, env(safe-area-inset-bottom)); background-color: var(--color-bg-modal-footer-pwa); color: var(--color-text-modal-footer-pwa);
}
.pwa-footer-info[data-v-dca3ac04] { display: flex;
}
.pwa-footer-icon[data-v-dca3ac04] { flex-shrink: 0; width: 3.75rem; height: 3.75rem; margin-right: 0.5rem;
}
#pwa-footer-description[data-v-dca3ac04] { flex: 1; min-width: 0; padding: 0.3125rem; font-size: 0.875rem; overflow-wrap: anywhere;
}
.buttons[data-v-dca3ac04] { display: flex; align-items: center; justify-content: flex-end;
}
.buttons ion-button[data-v-dca3ac04] { --padding-start: 0.75rem; --padding-end: 0.75rem; --border-radius: 0.375rem; text-transform: none; letter-spacing: normal; min-width: 4.5rem; font-size: 0.75rem;
}
ion-button.line[data-v-dca3ac04] { --box-shadow: none; --padding-start: 0.5rem; --padding-end: 0.5rem; --color: var(--color-text-button-update1); border: 2px solid var(--color-bd-button-update1, #fba531); width: 150px; border-radius: var(--border-radius); --background: var(--color-button-bg-update1, transparent);
}
.blue-default .cancel[data-v-dca3ac04] { color: var(--color-text-gray-800);
}

.announcement-close[data-v-199b8702] { display: flex; padding: 0; border: 0; background: transparent; color: #9aa2ac;
}
.publicity-image[data-v-199b8702] { width: 100%; height: 100%; padding: 0; border: 0; background: transparent;
}
.publicity-image[data-v-199b8702]:enabled { cursor: pointer;
}
.publicity-image img[data-v-199b8702] { display: block; width: 100%; height: 100%; object-fit: cover;
}

:where(.tab-list, .tab-list *).tab-list[data-v-199b8702] { width: 21.875rem; height: 3.125rem; margin: 0 auto; box-sizing: border-box; overflow: hidden;
}
.tab-list :where(.tab-list, .tab-list *).textColor[data-v-199b8702] { font-size: 12px;
}
html :where(.tab-list, .tab-list *).tab-list[data-v-199b8702] { border: 1px solid var(--color-line); background-color: var(--color-bg-200);
}
html .tab-list ion-segment-button[data-v-199b8702]:where(.tab-list, .tab-list *) { 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: 0.5; --padding-start: 0; --padding-end: 0;
}
html ion-segment-button:where(.tab-list, .tab-list *).segment-button-checked[data-v-199b8702] { font-weight: var(--ep-font-weight-bold, 700);
}
html :where(.tab-list, .tab-list *).tab-list.top[data-v-199b8702] { border-radius: var(--ep-font-size-m, 0.375rem) var(--ep-font-size-m, 0.375rem) 0 0; border-bottom-width: 0 !important;
}
html :where(.tab-list, .tab-list *).tab-list.bottom[data-v-199b8702] { border-radius: 0 0 var(--ep-font-size-m, 0.375rem) var(--ep-font-size-m, 0.375rem); border-top-width: 0 !important;
}
html .tab-list.bottom ion-segment-button[data-v-199b8702]:where(.tab-list, .tab-list *) { --indicator-color: var(--color-bg-200);
}
html .tab-list.bottom :where(.tab-list, .tab-list *).textColor[data-v-199b8702] { width: 100%; height: 100%; line-height: 3.125rem;
}
html .tab-list.bottom :where(.tab-list, .tab-list *).active[data-v-199b8702] { border-top: 1px solid var(--theme-color-800);
}
.new-skin-symbol :where(.tab-list, .tab-list *).tab-list[data-v-199b8702] { 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-199b8702]:where(.tab-list, .tab-list *) { 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: 0.5; --padding-start: 0; --padding-end: 0;
}
.new-skin-symbol ion-segment-button:where(.tab-list, .tab-list *).segment-button-checked[data-v-199b8702] { font-weight: var(--ep-font-weight-bold, 700);
}
.new-skin-symbol :where(.tab-list, .tab-list *).tab-list.top[data-v-199b8702] { border-radius: var(--ep-font-size-m, 0.375rem) var(--ep-font-size-m, 0.375rem) 0 0; border-bottom-width: 0 !important;
}
.new-skin-symbol :where(.tab-list, .tab-list *).tab-list.bottom[data-v-199b8702] { border-radius: 0 0 var(--ep-font-size-m, 0.375rem) var(--ep-font-size-m, 0.375rem); border-top-width: 0 !important;
}
.new-skin-symbol .tab-list.bottom ion-segment-button[data-v-199b8702]:where(.tab-list, .tab-list *) { --indicator-color: var(--ep-color-background-fill-surface-raised-L1);
}
.new-skin-symbol .tab-list.bottom :where(.tab-list, .tab-list *).textColor[data-v-199b8702] { width: 100%; height: 100%; line-height: 3.125rem;
}
.new-skin-symbol .tab-list.bottom :where(.tab-list, .tab-list *).active[data-v-199b8702] { border-top: 1px solid var(--ep-color-border-selected);
}
:where(.home-announcement, .home-announcement *):where(:not(.tab-list *)).wrapper[data-v-199b8702] { width: 100%; height: 100%; position: fixed; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 50;
}
.wrapper :where(.home-announcement, .home-announcement *):where(:not(.tab-list *)).announcement-wrapper[data-v-199b8702] { display: flex;
}
.wrapper :where(.home-announcement, .home-announcement *):where(:not(.tab-list *)).announcement-wrapper.top[data-v-199b8702] { flex-direction: column;
}
.wrapper :where(.home-announcement, .home-announcement *):where(:not(.tab-list *)).announcement-wrapper.bottom[data-v-199b8702] { flex-direction: column-reverse;
}
.wrapper :where(.home-announcement, .home-announcement *):where(:not(.tab-list *)).content[data-v-199b8702] { 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-199b8702]:where(.home-announcement, .home-announcement *):where(:not(.tab-list *)) { overflow-y: auto; font-size: var(--ep-font-size-s, 0.8125rem);
}
.wrapper .content div:where(.home-announcement, .home-announcement *):where(:not(.tab-list *)).text[data-v-199b8702] { width: 100%; color: var(--ep-color-text-default, var(--color-text-80));
}
.wrapper .empty-tab :where(.home-announcement, .home-announcement *):where(:not(.tab-list *)).content[data-v-199b8702] { border-radius: var(--ep-border-radius-m, 0.375rem);
}
.wrapper :where(.home-announcement, .home-announcement *):where(:not(.tab-list *)).content.hide-bg[data-v-199b8702] { background-color: transparent; border: none;
}
.wrapper :where(.home-announcement, .home-announcement *):where(:not(.tab-list *)).content.bottom[data-v-199b8702] { 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 :where(.home-announcement, .home-announcement *):where(:not(.tab-list *)).content.top[data-v-199b8702] { 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 :where(.home-announcement, .home-announcement *):where(:not(.tab-list *)).content.text[data-v-199b8702] { padding: 1rem 0.5rem 1.25rem;
}
.wrapper :where(.home-announcement, .home-announcement *):where(:not(.tab-list *)).check-box[data-v-199b8702] { background: var(--ep-color-background-fill-body-default, var(--color-bg-300)); color: var(--ep-color-text-default, var(--color-base)); padding-left: 0.75rem; height: 2.25rem; border: 1px solid var(--ep-color-border-default, var(--color-line)); border-radius: var(--ep-border-radius-s, 0.3125rem); display: flex; align-items: center; justify-content: center; font-size: var(--ep-font-size-s, 0.75rem); margin-top: 1rem; margin-bottom: 1rem;
}
.wrapper .check-box p[data-v-199b8702]:where(.home-announcement, .home-announcement *):where(:not(.tab-list *)) { line-height: 2.25rem; padding-left: 0.625rem; padding-right: 0.75rem;
}
.wrapper .check-box ion-checkbox[data-v-199b8702]:where(.home-announcement, .home-announcement *):where(:not(.tab-list *)) { --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, 0.25rem);
}
.wrapper .check-box ion-checkbox[data-v-199b8702]:where(.home-announcement, .home-announcement *):where(:not(.tab-list *))::part(container) { border: 1px solid var(--ep-color-icon-brand-primary, var(--color-checkbox-border));
}
.wrapper ion-icon[data-v-199b8702]:where(.home-announcement, .home-announcement *):where(:not(.tab-list *)) { 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-199b8702]:where(.home-announcement, .home-announcement *):where(:not(.tab-list *)) { --background: transparent; --min-height: 3rem; --color: var(--ep-color-text-default, var(--color-base));
}
ion-title[data-v-199b8702]:where(.home-announcement, .home-announcement *):where(:not(.tab-list *)) { 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-199b8702]:where(.home-announcement, .home-announcement *):where(:not(.tab-list *)) { scrollbar-width: none;
}
div[data-v-199b8702]:where(.home-announcement, .home-announcement *):where(:not(.tab-list *))::-webkit-scrollbar { display: none;
}
.new-skin-symbol .wrapper :where(.home-announcement, .home-announcement *):where(:not(.tab-list *)).content.text[data-v-199b8702] { padding: 1rem 1rem 1.25rem;
}
.new-skin-symbol ion-checkbox[data-v-199b8702]:where(.home-announcement, .home-announcement *):where(:not(.tab-list *)) { --border-width: 1px;
}

.svg-icon[data-v-91c6c99d] { display: flex; align-items: center; justify-content: center; line-height: 0; vertical-align: middle; color: inherit; flex-shrink: 0;
}
.svg-icon[data-v-91c6c99d] svg { display: block; width: 100%; height: 100%;
}

    /* 当前首页没有红包雨悬浮入口，使用基础底部间距。 */
.quick-entry[data-v-91c6c99d] { bottom: calc(56px + env(safe-area-inset-bottom) + 5.75rem);
}

:where(.single-wrap, .single-wrap *).single-wrap[data-v-91c6c99d] { max-width: 4.375rem; max-height: 4.375rem; overflow: hidden;
}
.single-wrap :where(.single-wrap, .single-wrap *).single-content[data-v-91c6c99d] { margin: 0 auto; font-size: 0; line-height: 0;
}
.single-wrap .single-content :where(.single-wrap, .single-wrap *).single-content-img[data-v-91c6c99d] { width: 100%; height: 100%; object-fit: contain;
}
:where(:not(.single-wrap *)).quick-entry[data-v-91c6c99d] { position: fixed; right: 1.125rem; z-index: 40; width: 4.625rem; height: 4.625rem;
}
.quick-entry :where(:not(.single-wrap *)).quick-entry-close[data-v-91c6c99d] { position: absolute; top: -1rem; right: -0.3125rem; z-index: 2; font-size: 0; line-height: 0;
}
.quick-entry .quick-entry-close :where(:not(.single-wrap *)).quick-entry-close-icon[data-v-91c6c99d] { width: 0.625rem; height: 0.625rem; padding: 0.1875rem; box-sizing: content-box; border-radius: 100%; background-color: rgba(0, 0, 0, 0.2); color: #fff;
}

.blue-default :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c)#inicio[data-v-49f0730e] { background: #090f1f;
}
.blue-default #inicio :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).main-content[data-v-49f0730e] { --background: transparent; position: relative;
}
.blue-default #inicio :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).main-content[data-v-49f0730e]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; z-index: -1; background-image: url('/images/home/texture_bg.png'); background-size: 5rem; background-repeat: repeat;
}
.blue-default #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).swiper-c[data-v-49f0730e] { margin-block-start: 0.9375rem; margin-inline: 0.9375rem;
}
.blue-default #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).segment-c[data-v-49f0730e] { top: 0; z-index: 10;
}
.blue-default #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-wrapper-c[data-v-49f0730e] { border-color: none;
}
.blue-default #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).apart-view-c[data-v-49f0730e] .payment-box { margin-inline: 0.9375rem;
}
.blue-default .home-type-GameType.v01 #inicio .main-content :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).order-container[data-v-49f0730e] { display: flex; flex-flow: wrap;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).swiper-c[data-v-49f0730e] { order: 3; width: 100%; height: 11.25rem;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).activity-c[data-v-49f0730e] { order: 5; width: 100%;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).marquee-c[data-v-49f0730e] { order: 7; width: calc(100% - 1.875rem);
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).bonus-pool-c[data-v-49f0730e] { order: 9;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).segment-c[data-v-49f0730e] { order: 1; width: 100%;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-c[data-v-49f0730e] { order: 11; width: 100%;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .game-c :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).platform-game-c[data-v-49f0730e] { display: flex; flex-direction: column;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .game-c .platform-game-c :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).bonus-pool-c[data-v-49f0730e] { order: 1;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).app-install-c[data-v-49f0730e] { order: 13; width: 100%;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).apart-view-c[data-v-49f0730e] { order: 15;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-class-c[data-v-49f0730e] { order: 17;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).footer-content-c[data-v-49f0730e] { order: 19; width: calc(100% - 1.875rem); margin-inline: 0.9375rem;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).platform-pool[data-v-49f0730e] { order: 21;
}
.blue-default .home-type-Platform.v02 :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c)#inicio[data-v-49f0730e] { background: #090f1f;
}
.blue-default .home-type-Platform.v02 #inicio :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).main-content[data-v-49f0730e] { --background: transparent; position: relative;
}
.blue-default .home-type-Platform.v02 #inicio :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).main-content[data-v-49f0730e]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; z-index: -1; background-image: none; background-size: 5rem; background-repeat: repeat;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).swiper-c[data-v-49f0730e] { margin-block-start: 0.9375rem; margin-inline: 0.9375rem;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).segment-c[data-v-49f0730e] { top: 0; z-index: 10;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-wrapper-c[data-v-49f0730e] { border-color: none;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).apart-view-c[data-v-49f0730e] .payment-box { margin-inline: 0.9375rem;
}
.blue-default .home-type-Platform.v02 #inicio .main-content :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).order-container[data-v-49f0730e] { display: flex; flex-flow: wrap;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).swiper-c[data-v-49f0730e] { width: 14.375rem; height: 14.375rem; margin: 0; margin-block-start: 0.625rem; margin-inline-start: 0.9375rem;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).activity-c[data-v-49f0730e] { flex: 1; width: 7.5rem; height: 14.375rem; margin-block-start: 0.625rem; margin-inline-start: 0.625rem; margin-inline-end: 0.9375rem;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).marquee-c[data-v-49f0730e] { width: 100%; margin-inline: unset; margin-block-start: 0.9375rem; padding-inline-start: 1.4375rem; padding-inline-end: 1.9375rem;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .game-c :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).platform-game-c[data-v-49f0730e] { display: flex; flex-direction: column;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .game-c .platform-game-c :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).bonus-pool-c[data-v-49f0730e] { order: 1;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).app-install-c[data-v-49f0730e] { order: 2;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).apart-view-c[data-v-49f0730e] { order: 1;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-class-c[data-v-49f0730e] { order: 3;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).footer-content-c[data-v-49f0730e] { order: 4;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).platform-pool[data-v-49f0730e] { order: 1;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).segment-c[data-v-49f0730e], .blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-c[data-v-49f0730e] { width: 100%;
}
.blue-default .home-type-Platform.v02 #inicio :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).main-content[data-v-49f0730e]:before { opacity: 0.8; background-size: unset;
}
.green-default .v01 #inicio .main-content :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).order-container[data-v-49f0730e] { display: flex; flex-flow: wrap;
}
.green-default .v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).swiper-c[data-v-49f0730e] { width: 14.375rem; height: 14.375rem; margin: 0; margin-block-start: 0.625rem; margin-inline-start: 0.9375rem;
}
.green-default .v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).activity-c[data-v-49f0730e] { flex: 1; width: 7.5rem; height: 14.375rem; margin-block-start: 0.625rem; margin-inline-start: 0.625rem; margin-inline-end: 0.9375rem;
}
.green-default .v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).marquee-c[data-v-49f0730e] { width: 100%; margin-inline: unset; margin-block-start: 0.9375rem; padding-inline-start: 1.4375rem; padding-inline-end: 1.9375rem;
}
.green-default .v01 #inicio .main-content .order-container .game-c :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).platform-game-c[data-v-49f0730e] { display: flex; flex-direction: column;
}
.green-default .v01 #inicio .main-content .order-container .game-c .platform-game-c :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).bonus-pool-c[data-v-49f0730e] { order: 1;
}
.green-default .v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).app-install-c[data-v-49f0730e] { order: 2;
}
.green-default .v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).apart-view-c[data-v-49f0730e] { order: 1;
}
.green-default .v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-class-c[data-v-49f0730e] { order: 3;
}
.green-default .v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).footer-content-c[data-v-49f0730e] { order: 4;
}
.green-default .v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).platform-pool[data-v-49f0730e] { order: 1;
}
.green-default .v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).segment-c[data-v-49f0730e], .green-default .v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-c[data-v-49f0730e] { width: 100%;
}
.green-default .v02 :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c)#inicio[data-v-49f0730e] { background: #213b10;
}
.green-default .v02 #inicio :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).main-content[data-v-49f0730e] { --background: transparent; position: relative;
}
.green-default .v02 #inicio :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).main-content[data-v-49f0730e]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; z-index: -1; background-image: none; background-size: 5rem; background-repeat: repeat;
}
.green-default .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).swiper-c[data-v-49f0730e] { margin-block-start: 0.9375rem; margin-inline: 0.9375rem;
}
.green-default .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).segment-c[data-v-49f0730e] { top: 0; z-index: 10;
}
.green-default .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-wrapper-c[data-v-49f0730e] { border-color: #34571d;
}
.green-default .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).apart-view-c[data-v-49f0730e] .payment-box { margin-inline: 0.9375rem;
}
.green-default .v02 #inicio .main-content :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).order-container[data-v-49f0730e] { display: flex; flex-flow: wrap;
}
.green-default .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).swiper-c[data-v-49f0730e] { width: 14.375rem; height: 14.375rem; margin: 0; margin-block-start: 0.625rem; margin-inline-start: 0.9375rem;
}
.green-default .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).activity-c[data-v-49f0730e] { flex: 1; width: 7.5rem; height: 14.375rem; margin-block-start: 0.625rem; margin-inline-start: 0.625rem; margin-inline-end: 0.9375rem;
}
.green-default .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).marquee-c[data-v-49f0730e] { width: 100%; margin-inline: unset; margin-block-start: 0.9375rem; padding-inline-start: 1.4375rem; padding-inline-end: 1.9375rem;
}
.green-default .v02 #inicio .main-content .order-container .game-c :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).platform-game-c[data-v-49f0730e] { display: flex; flex-direction: column;
}
.green-default .v02 #inicio .main-content .order-container .game-c .platform-game-c :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).bonus-pool-c[data-v-49f0730e] { order: 1;
}
.green-default .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).app-install-c[data-v-49f0730e] { order: 2;
}
.green-default .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).apart-view-c[data-v-49f0730e] { order: 1;
}
.green-default .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-class-c[data-v-49f0730e] { order: 3;
}
.green-default .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).footer-content-c[data-v-49f0730e] { order: 4;
}
.green-default .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).platform-pool[data-v-49f0730e] { order: 1;
}
.green-default .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).marquee-c[data-v-49f0730e] { margin-bottom: 1rem;
}
.green-default .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).segment-c[data-v-49f0730e] { width: 4.875rem; height: 37.5rem; margin-left: 0.9375rem; margin-right: 0.8125rem; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none;
}
.green-default .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).segment-c[data-v-49f0730e]::-webkit-scrollbar { display: none;
}
.green-default .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-c[data-v-49f0730e] { width: calc(100% - 6.625rem);
}
.green-default .v02 #inicio .main-content .order-container .game-c :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-wrapper-c[data-v-49f0730e] { padding: 0; width: calc(100% - 0.9375rem); padding-block-end: 1.125rem;
}
.green-default .v02 #inicio .main-content .order-container .game-c .lazy-component:not(:last-child) :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-wrapper-c[data-v-49f0730e] { border-bottom-width: 0.0625rem; border-bottom-style: solid;
}
.green-default :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c)#inicio[data-v-49f0730e] { background: #213b10;
}
.green-default #inicio :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).main-content[data-v-49f0730e] { --background: transparent; position: relative;
}
.green-default #inicio :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).main-content[data-v-49f0730e]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; z-index: -1; background-image: none; background-size: 5rem; background-repeat: repeat;
}
.green-default #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).swiper-c[data-v-49f0730e] { margin-block-start: 0.9375rem; margin-inline: 0.9375rem;
}
.green-default #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).segment-c[data-v-49f0730e] { top: 0; z-index: 10;
}
.green-default #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-wrapper-c[data-v-49f0730e] { border-color: none;
}
.green-default #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).apart-view-c[data-v-49f0730e] .payment-box { margin-inline: 0.9375rem;
}
.forest-green .v01 :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c)#inicio[data-v-49f0730e] { background: #004d37;
}
.forest-green .v01 #inicio :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).main-content[data-v-49f0730e] { --background: transparent; position: relative;
}
.forest-green .v01 #inicio :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).main-content[data-v-49f0730e]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; z-index: -1; background-image: url('/images/home/inicio-bg.png'); background-size: 5rem; background-repeat: repeat;
}
.forest-green .v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).swiper-c[data-v-49f0730e] { margin-block-start: 0.9375rem; margin-inline: 0.9375rem;
}
.forest-green .v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).segment-c[data-v-49f0730e] { top: 0; z-index: 10;
}
.forest-green .v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-wrapper-c[data-v-49f0730e] { border-color: none;
}
.forest-green .v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).apart-view-c[data-v-49f0730e] .payment-box { margin-inline: 0.9375rem;
}
.forest-green .v01 #inicio .main-content :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).order-container[data-v-49f0730e] { display: flex; flex-flow: wrap;
}
.forest-green .v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).swiper-c[data-v-49f0730e] { width: 14.375rem; height: 14.375rem; margin: 0; margin-block-start: 0.625rem; margin-inline-start: 0.9375rem;
}
.forest-green .v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).activity-c[data-v-49f0730e] { flex: 1; width: 7.5rem; height: 14.375rem; margin-block-start: 0.625rem; margin-inline-start: 0.625rem; margin-inline-end: 0.9375rem;
}
.forest-green .v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).marquee-c[data-v-49f0730e] { width: 100%; margin-inline: unset; margin-block-start: 0.9375rem; padding-inline-start: 1.4375rem; padding-inline-end: 1.9375rem;
}
.forest-green .v01 #inicio .main-content .order-container .game-c :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).platform-game-c[data-v-49f0730e] { display: flex; flex-direction: column;
}
.forest-green .v01 #inicio .main-content .order-container .game-c .platform-game-c :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).bonus-pool-c[data-v-49f0730e] { order: 1;
}
.forest-green .v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).app-install-c[data-v-49f0730e] { order: 2;
}
.forest-green .v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).apart-view-c[data-v-49f0730e] { order: 1;
}
.forest-green .v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-class-c[data-v-49f0730e] { order: 3;
}
.forest-green .v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).footer-content-c[data-v-49f0730e] { order: 4;
}
.forest-green .v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).platform-pool[data-v-49f0730e] { order: 1;
}
.forest-green .v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).segment-c[data-v-49f0730e], .forest-green .v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-c[data-v-49f0730e] { width: 100%;
}
.forest-green .v01 #inicio :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).main-content[data-v-49f0730e]:before { opacity: 0.8; background-size: unset;
}
.forest-green .v02 :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c)#inicio[data-v-49f0730e] { background: #004d37;
}
.forest-green .v02 #inicio :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).main-content[data-v-49f0730e] { --background: transparent; position: relative;
}
.forest-green .v02 #inicio :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).main-content[data-v-49f0730e]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; z-index: -1; background-image: url('/images/home/inicio-bg.png'); background-size: 5rem; background-repeat: repeat;
}
.forest-green .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).swiper-c[data-v-49f0730e] { margin-block-start: 0.9375rem; margin-inline: 0.9375rem;
}
.forest-green .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).segment-c[data-v-49f0730e] { top: 0; z-index: 10;
}
.forest-green .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-wrapper-c[data-v-49f0730e] { border-color: #009f76;
}
.forest-green .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).apart-view-c[data-v-49f0730e] .payment-box { margin-inline: 0.9375rem;
}
.forest-green .v02 #inicio .main-content :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).order-container[data-v-49f0730e] { display: flex; flex-flow: wrap;
}
.forest-green .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).swiper-c[data-v-49f0730e] { width: 14.375rem; height: 14.375rem; margin: 0; margin-block-start: 0.625rem; margin-inline-start: 0.9375rem;
}
.forest-green .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).activity-c[data-v-49f0730e] { flex: 1; width: 7.5rem; height: 14.375rem; margin-block-start: 0.625rem; margin-inline-start: 0.625rem; margin-inline-end: 0.9375rem;
}
.forest-green .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).marquee-c[data-v-49f0730e] { width: 100%; margin-inline: unset; margin-block-start: 0.9375rem; padding-inline-start: 1.4375rem; padding-inline-end: 1.9375rem;
}
.forest-green .v02 #inicio .main-content .order-container .game-c :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).platform-game-c[data-v-49f0730e] { display: flex; flex-direction: column;
}
.forest-green .v02 #inicio .main-content .order-container .game-c .platform-game-c :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).bonus-pool-c[data-v-49f0730e] { order: 1;
}
.forest-green .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).app-install-c[data-v-49f0730e] { order: 2;
}
.forest-green .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).apart-view-c[data-v-49f0730e] { order: 1;
}
.forest-green .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-class-c[data-v-49f0730e] { order: 3;
}
.forest-green .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).footer-content-c[data-v-49f0730e] { order: 4;
}
.forest-green .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).platform-pool[data-v-49f0730e] { order: 1;
}
.forest-green .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).marquee-c[data-v-49f0730e] { margin-bottom: 1rem;
}
.forest-green .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).segment-c[data-v-49f0730e] { width: 4.875rem; height: 37.5rem; margin-left: 0.9375rem; margin-right: 0.8125rem; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none;
}
.forest-green .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).segment-c[data-v-49f0730e]::-webkit-scrollbar { display: none;
}
.forest-green .v02 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-c[data-v-49f0730e] { width: calc(100% - 6.625rem);
}
.forest-green .v02 #inicio .main-content .order-container .game-c :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-wrapper-c[data-v-49f0730e] { padding: 0; width: calc(100% - 0.9375rem); padding-block-end: 1.125rem;
}
.forest-green .v02 #inicio .main-content .order-container .game-c .lazy-component:not(:last-child) :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-wrapper-c[data-v-49f0730e] { border-bottom-width: 0.0625rem; border-bottom-style: solid;
}
.forest-green .v02 #inicio :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).main-content[data-v-49f0730e]:before { opacity: 0.8; background-size: unset;
}
.amber-purple :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c)#inicio[data-v-49f0730e] { background: #262346;
}
.amber-purple #inicio :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).main-content[data-v-49f0730e] { --background: transparent; position: relative;
}
.amber-purple #inicio :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).main-content[data-v-49f0730e]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; z-index: -1; background-image: none; background-size: 5rem; background-repeat: repeat;
}
.amber-purple #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).swiper-c[data-v-49f0730e] { margin-block-start: 0.9375rem; margin-inline: 0.9375rem;
}
.amber-purple #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).segment-c[data-v-49f0730e] { top: 0; z-index: 10;
}
.amber-purple #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-wrapper-c[data-v-49f0730e] { border-color: none;
}
.amber-purple #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).apart-view-c[data-v-49f0730e] .payment-box { margin-inline: 0.9375rem;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).order-container[data-v-49f0730e] { display: flex; flex-flow: wrap;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).swiper-c[data-v-49f0730e] { width: 14.375rem; height: 14.375rem; margin: 0; margin-block-start: 0.625rem; margin-inline-start: 0.9375rem;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).activity-c[data-v-49f0730e] { flex: 1; width: 7.5rem; height: 14.375rem; margin-block-start: 0.625rem; margin-inline-start: 0.625rem; margin-inline-end: 0.9375rem;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).marquee-c[data-v-49f0730e] { width: 100%; margin-inline: unset; margin-block-start: 0.9375rem; padding-inline-start: 1.4375rem; padding-inline-end: 1.9375rem;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .game-c :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).platform-game-c[data-v-49f0730e] { display: flex; flex-direction: column;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .game-c .platform-game-c :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).bonus-pool-c[data-v-49f0730e] { order: 1;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).app-install-c[data-v-49f0730e] { order: 2;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).apart-view-c[data-v-49f0730e] { order: 1;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-class-c[data-v-49f0730e] { order: 3;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).footer-content-c[data-v-49f0730e] { order: 4;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).platform-pool[data-v-49f0730e] { order: 1;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).segment-c[data-v-49f0730e], .amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-c[data-v-49f0730e] { width: 100%;
}
.amber-purple .home-type-Platform.v01 #inicio :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).main-content[data-v-49f0730e]:before { opacity: 0.8; background-size: unset;
}
.auroral-yellow :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c)#inicio[data-v-49f0730e] { background: #171616;
}
.auroral-yellow #inicio :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).main-content[data-v-49f0730e] { --background: transparent; position: relative;
}
.auroral-yellow #inicio :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).main-content[data-v-49f0730e]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; z-index: -1; background-image: none; background-size: 5rem; background-repeat: repeat;
}
.auroral-yellow #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).swiper-c[data-v-49f0730e] { margin-block-start: 0.9375rem; margin-inline: 0.9375rem;
}
.auroral-yellow #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).segment-c[data-v-49f0730e] { top: 0; z-index: 10;
}
.auroral-yellow #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-wrapper-c[data-v-49f0730e] { border-color: none;
}
.auroral-yellow #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).apart-view-c[data-v-49f0730e] .payment-box { margin-inline: 0.9375rem;
}
.auroral-yellow #inicio .main-content :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).order-container[data-v-49f0730e] { display: flex; flex-flow: wrap;
}
.auroral-yellow #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).swiper-c[data-v-49f0730e] { order: 1; width: 100%; height: 11.25rem; margin-block-start: 0.875rem;
}
.auroral-yellow #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).activity-c[data-v-49f0730e] { order: 3; width: 100%; margin-block-start: 0.6875rem;
}
.auroral-yellow #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).activity-c[data-v-49f0730e] ion-segment { height: 4.375rem; gap: 0.75rem;
}
.auroral-yellow #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).activity-c[data-v-49f0730e] ion-segment ion-segment-button { width: 7rem; border-radius: 0.375rem; --border-radius: 0.375rem;
}
.auroral-yellow #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).marquee-c[data-v-49f0730e] { order: 5; width: calc(100% - 1.875rem);
}
.auroral-yellow #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c)#game-buoy[data-v-49f0730e] { order: 6; width: 100%;
}
.auroral-yellow #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).bonus-pool-c[data-v-49f0730e] { order: 7;
}
.auroral-yellow #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).segment-c[data-v-49f0730e] { order: 9; width: 100%;
}
.auroral-yellow #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-c[data-v-49f0730e] { order: 11; width: 100%;
}
.auroral-yellow #inicio .main-content .order-container .game-c :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).platform-game-c[data-v-49f0730e] { display: flex; flex-direction: column;
}
.auroral-yellow #inicio .main-content .order-container .game-c .platform-game-c .lazy-component:first-child :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).game-wrapper-c[data-v-49f0730e] .game-head { margin-block-start: 0.3125rem;
}
.auroral-yellow #inicio .main-content .order-container .game-c .platform-game-c :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).bonus-pool-c[data-v-49f0730e] { order: 1;
}
.auroral-yellow #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).app-install-c[data-v-49f0730e] { order: 13; width: 100%;
}
.auroral-yellow #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).apart-view-c[data-v-49f0730e] { order: 15; width: 100%;
}
.auroral-yellow #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).apart-view-c[data-v-49f0730e] .social-box { display: none;
}
.auroral-yellow #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).footer-content-c[data-v-49f0730e] { order: 19; width: calc(100% - 1.875rem); margin-inline: 0.9375rem;
}
.auroral-yellow #inicio .main-content .order-container :where(.app-install-c, .apart-view-c, .game-class-c, .footer-content-c).platform-pool[data-v-49f0730e] { order: 21;
}

:where(#app-install-bar, #app-install-bar *).install-container[data-v-49f0730e] { background: url('/images/home/appInstallBg.png') no-repeat center center / cover;
}
.install-container :where(#app-install-bar, #app-install-bar *).topLine[data-v-49f0730e] { 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 0.13rem 0.26rem rgba(0, 0, 0, 0.14);
}
.install-container :where(#app-install-bar, #app-install-bar *).text[data-v-49f0730e] { font-weight: 700; color: #4075d3;
}
:where(#app-install-bar, #app-install-bar *).border[data-v-49f0730e]:active { background: rgba(255, 255, 255, 0.8);
}
ion-col[data-v-49f0730e]:where(#app-install-bar, #app-install-bar *) { padding-inline-start: 0.375rem; padding-inline-end: 0.375rem; padding-top: 0; padding-bottom: 0;
}
.green-default .install-container :where(#app-install-bar, #app-install-bar *).border[data-v-49f0730e] { border-color: var(--line-color); background-color: var(--color-bg-200);
}
.green-default .install-container :where(#app-install-bar, #app-install-bar *).text[data-v-49f0730e] { color: var(--color-text-gray-100);
}
.green-default .install-container :where(#app-install-bar, #app-install-bar *).text-sub[data-v-49f0730e] { color: var(--color-text-gray-200);
}
:where(.footer-content-c, .footer-content-c *).divider[data-v-49f0730e] { background-color: var(--line-color);
}
ion-col[data-v-49f0730e]:where(.footer-content-c, .footer-content-c *) { padding-inline-start: 0; padding-inline-end: 0; padding-top: 0; padding-bottom: 0;
}
.green-default .footer-container :where(.footer-content-c, .footer-content-c *).text[data-v-49f0730e] { color: var(--color-text-gray-100);
}
.green-default .footer-container :where(.footer-content-c, .footer-content-c *).text-sub[data-v-49f0730e] { color: var(--color-text-gray-200);
}
:where(.footer-content-c, .footer-content-c *).version[data-v-49f0730e] { color: var(--color-text-second);
}
:where(.part-container, .part-container *).box[data-v-49f0730e] { width: 4rem;
}
:where(.part-container, .part-container *).divider[data-v-49f0730e] { background-color: var(--line-color);
}
.green-default .part-container :where(.part-container, .part-container *).text[data-v-49f0730e] { color: var(--color-text-gray-100);
}
:where(.game-classification, .game-classification *).game-classification[data-v-49f0730e] { margin-block: 2.8125rem; margin-inline: 0.9375rem;
}
.game-classification :where(.game-classification, .game-classification *).head[data-v-49f0730e] { display: flex; flex-direction: column; align-items: center;
}
.game-classification .head :where(.game-classification, .game-classification *).logo[data-v-49f0730e] { width: 6.9375rem; height: 1.625rem;
}
.game-classification .head :where(.game-classification, .game-classification *).title[data-v-49f0730e] { margin-top: 0.4375rem; font-size: 0.75rem; font-weight: 400; color: rgba(255, 255, 255, 0.4);
}
.game-classification :where(.game-classification, .game-classification *).intro[data-v-49f0730e] { font-size: 0.6875rem; line-height: 1.5; margin-bottom: 2.8125rem; text-align: center; color: #616d93;
}
.game-classification .intro :where(.game-classification, .game-classification *).text[data-v-49f0730e] { font-weight: 800; font-size: 0.875rem; color: #616d93;
}
.game-classification .intro :where(.game-classification, .game-classification *).version[data-v-49f0730e] { margin-left: 0.5rem; font-size: 0.625rem; text-align: center; color: #616d93;
}
.game-classification :where(.game-classification, .game-classification *).row[data-v-49f0730e] { display: flex; margin-top: 1.25rem; padding-inline-start: 3.125rem; padding-inline-end: 1.5625rem;
}
.game-classification .row :where(.game-classification, .game-classification *).col[data-v-49f0730e] { flex: 0 0 50%;
}
.game-classification .row .col :where(.game-classification, .game-classification *).col-title[data-v-49f0730e] { font-size: 0.875rem; font-weight: 700; color: #fff;
}
.game-classification .row .col :where(.game-classification, .game-classification *).list[data-v-49f0730e] { background: transparent; margin-top: 1rem;
}
.game-classification .row .col .list :where(.game-classification, .game-classification *).list-item[data-v-49f0730e], .game-classification .row .col .list :where(.game-classification, .game-classification *).label[data-v-49f0730e] { --background: transparent;
}
.game-classification .row .col .list :where(.game-classification, .game-classification *).list-item[data-v-49f0730e] { color: #899fbe; font-size: 0.875rem; font-weight: 400; line-height: 1.8;
}
.game-classification .row .col .list :where(.game-classification, .game-classification *).active[data-v-49f0730e] { color: #fff;
}

    /* 保留源站圆形收藏图标的尺寸，移除原生按钮的背景、边框与内边距。 */
button.favorite[data-v-c1eded59] { padding: 0; border: 0; background: transparent;
}
    /* 后端平台 Logo 可以为位图，保留原图标字号对应的尺寸。 */
img.platform-icon[data-v-c1eded59] { width: 1em; height: 1em; object-fit: contain;
}
.svg-icon[data-v-c1eded59] { display: flex; align-items: center; justify-content: center; line-height: 0; vertical-align: middle; color: inherit; flex-shrink: 0;
}
.svg-icon[data-v-c1eded59] svg { display: block; width: 100%; height: 100%;
}
ion-img[data-v-c1eded59]:where(.game-img) { width: 0;
}
ion-img:where(.game-img).good-img[data-v-c1eded59] { width: 100%;
}
html .game-card[data-v-c1eded59] { container-type: inline-size;
}
html .style1[data-v-c1eded59], html .style2[data-v-c1eded59] { position: relative; border-radius: 12.5%/9.25%; overflow: hidden; background: var(--color-bg-200); display: flex;
}
html .style1[data-v-c1eded59]:before, html .style2[data-v-c1eded59]:before { content: ''; display: block; position: relative; padding-bottom: 135%;
}
html .style1 .game-img[data-v-c1eded59], html .style2 .game-img[data-v-c1eded59] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; object-fit: fill;
}
html .style1 .game-img[data-v-c1eded59]::part(image), html .style2 .game-img[data-v-c1eded59]::part(image) { border: none;
}
html .style1 .game-img.good-img[data-v-c1eded59], html .style2 .game-img.good-img[data-v-c1eded59] { width: 100%; height: 100%;
}
html .style1 .game-img.error-img[data-v-c1eded59], html .style2 .game-img.error-img[data-v-c1eded59] { width: 45%; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: contain;
}
html .style1 .game-status[data-v-c1eded59], html .style2 .game-status[data-v-c1eded59] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; width: 0;
}
html .style1 .game-status.good-img[data-v-c1eded59], html .style2 .game-status.good-img[data-v-c1eded59] { width: 100%;
}
html .style1 .platform-icon[data-v-c1eded59], html .style2 .platform-icon[data-v-c1eded59] { position: absolute; left: 50%; z-index: 4; font-size: 1.375rem; transform: translate(-50%);
}
html .style1 .favorite[data-v-c1eded59], html .style2 .favorite[data-v-c1eded59] { position: absolute; top: 0.5rem; right: 0.5rem; z-index: 4; width: 1.125rem; height: 1.125rem; border-radius: 50%; box-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.4); color: transparent;
}
html .style1 .favorite.active[data-v-c1eded59], html .style2 .favorite.active[data-v-c1eded59] { color: #ff8e04;
}
html .style3[data-v-c1eded59] { max-width: 100%; aspect-ratio: 1.4 / 1; position: relative; border-radius: 9.25%/12.5%; overflow: hidden;
}
html .style3 .game-img[data-v-c1eded59] { object-fit: fill;
}
html .style3 .game-img.good-img[data-v-c1eded59] { width: 100%; height: 100%;
}
html .style3 .game-img.error-img[data-v-c1eded59] { width: 45%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: contain;
}
html .style3 .platform-icon[data-v-c1eded59] { position: absolute; left: 50%; z-index: 4; font-size: 1.375rem; transform: translate(-50%);
}
html .style3 .favorite[data-v-c1eded59] { position: absolute; top: 0.5rem; right: 0.5rem; z-index: 4; width: 1.125rem; height: 1.125rem; border-radius: 50%; box-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.4); color: transparent;
}
html .style3 .favorite.active[data-v-c1eded59] { color: #ff8e04;
}
html .style1 .platform-icon[data-v-c1eded59] { top: 0.375rem;
}
html .style1 .game-img.good-img[data-v-c1eded59]:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3) 10.41%, rgba(0, 0, 0, 0) 18.5%, rgba(0, 0, 0, 0));
}
html .style2 .platform-icon[data-v-c1eded59] { bottom: 0.1875rem;
}
html .style2 .game-img.good-img[data-v-c1eded59]: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, 0.5), rgba(0, 0, 0, 0.3)); filter: blur(0.625rem);
}
html .style3 .platform-icon[data-v-c1eded59] { top: 0.375rem;
}
html .frame-red[data-v-c1eded59] { border: 1px solid red;
}
html .frame-green[data-v-c1eded59] { border: 2px solid green;
}
html .game-name[data-v-c1eded59] { position: absolute; bottom: 0; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 0.75rem; color: var(--color-text-100); padding-inline: 0.125rem;
}
html .animate-star[data-v-c1eded59] { animation: scale-c1eded59 0.5s 1 ease-in-out;
}
@keyframes scale-c1eded59 {
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-c1eded59], html .style2 .platform-icon[data-v-c1eded59], html .style3 .platform-icon[data-v-c1eded59] { font-size: 0.75rem;
}
html .style1 .favorite[data-v-c1eded59], html .style2 .favorite[data-v-c1eded59], html .style3 .favorite[data-v-c1eded59] { width: 0.875rem; height: 0.875rem;
}
}
.forest-green .aspect-ratio-box[data-v-c1eded59] { background: #00694a;
}
.neo-blue .style1[data-v-c1eded59], .neo-blue .style2[data-v-c1eded59], .neo-blue .style3[data-v-c1eded59] { border-radius: var(--ep-border-radius-surface-default, 0);
}
.theme-27 .style1[data-v-c1eded59], .theme-32 .style1[data-v-c1eded59], .theme-38 .style1[data-v-c1eded59], .theme-27 .style2[data-v-c1eded59], .theme-32 .style2[data-v-c1eded59], .theme-38 .style2[data-v-c1eded59], .theme-27 .style3[data-v-c1eded59], .theme-32 .style3[data-v-c1eded59], .theme-38 .style3[data-v-c1eded59] { border-radius: var(--ep-border-radius-l); background: linear-gradient(331deg, #fff 2.58%, rgba(255, 255, 255, 0), #fff 97.72%);
}
.theme-27 .style1 .game-img[data-v-c1eded59], .theme-32 .style1 .game-img[data-v-c1eded59], .theme-38 .style1 .game-img[data-v-c1eded59], .theme-27 .style2 .game-img[data-v-c1eded59], .theme-32 .style2 .game-img[data-v-c1eded59], .theme-38 .style2 .game-img[data-v-c1eded59], .theme-27 .style3 .game-img[data-v-c1eded59], .theme-32 .style3 .game-img[data-v-c1eded59], .theme-38 .style3 .game-img[data-v-c1eded59] { padding: 0.125rem; border-radius: var(--ep-border-radius-m);
}
.theme-27 .style1 .game-img[data-v-c1eded59]::part(image), .theme-32 .style1 .game-img[data-v-c1eded59]::part(image), .theme-38 .style1 .game-img[data-v-c1eded59]::part(image), .theme-27 .style2 .game-img[data-v-c1eded59]::part(image), .theme-32 .style2 .game-img[data-v-c1eded59]::part(image), .theme-38 .style2 .game-img[data-v-c1eded59]::part(image), .theme-27 .style3 .game-img[data-v-c1eded59]::part(image), .theme-32 .style3 .game-img[data-v-c1eded59]::part(image), .theme-38 .style3 .game-img[data-v-c1eded59]::part(image) { border-radius: var(--ep-border-radius-m);
}

    /* 平台 Logo 直接显示后端资源，兼容 PNG 等位图。 */
.logo img[data-v-94b652a2] { width: 1em; height: 1em; object-fit: contain;
}
    /* 热门 SVG 通过 v-html 注入，使用 deep 定位内部节点，区分定义容器与实际展示图形。 */
:where(.hot-icon[data-v-94b652a2]) .logo-definitions { width: 0; height: 0;
}
.hot-icon[data-v-94b652a2] { width: 100%; font-size: inherit;
}
.hot-icon[data-v-94b652a2] .img-box { width: 0; height: 0;
}
.hot-icon[data-v-94b652a2] .img-box.good-img { width: 100%; height: 100%;
}
.hot-icon[data-v-94b652a2] .symbol-main { width: 100%; height: 100%; font-size: inherit; display: block;
}
.hot-icon[data-v-94b652a2] .symbol-container { display: none;
}
.hot-icon[data-v-94b652a2] .svg-container { width: 100%; height: 100%; font-size: inherit;
}
.hot-icon[data-v-94b652a2] .svg-container svg { width: 100%; height: 100%;
}
.hot-icon[data-v-94b652a2] .svg-fill { width: 100%; height: 100%; font-size: inherit; color: inherit;
}
.hot-icon[data-v-94b652a2] .svg-fill svg [fill='currentColor'] { fill: var(--svg-fill, currentColor);
}
    /* 每行四张卡片，扣除三个 0.75rem 间隙；16 项的完整页因此形成四行。 */
.group-card[data-v-94b652a2] { width: calc((100% - 2.25rem) / 4);
}
    /* 懒加载前保留可观察的高度，避免未渲染分组全部叠在同一位置。 */
.placeholder[data-v-94b652a2] { height: 100px;
}

    /* 分组内容、卡片间距、展开区域及各主题覆盖规则；保留原选择器和覆盖顺序。 */
html :where(.card-container, .group-card).card-container[data-v-94b652a2] { display: flex; flex-flow: wrap; padding: var(--swiper-padding, 0 0 0.9375rem 0); gap: 0.75rem;
}
html .vertical-slide :where(.card-container, .group-card).card-container[data-v-94b652a2] { padding: var(--swiper-padding, 0 0 0.75rem);
}
html :where(.card-container, .group-card).layout1.bonus-pool-container[data-v-94b652a2] { flex: 1; display: flex; flex-flow: wrap; gap: 0.75rem;
}
html .layout1.bonus-pool-container :where(.card-container, .group-card).bonus-pool-container-top[data-v-94b652a2] { width: 100%; display: flex; gap: 0.75rem;
}
html .layout1.bonus-pool-container .bonus-pool-container-top :where(.card-container, .group-card).bonus-pool-container-top-bonus-pool[data-v-94b652a2] { flex: 1;
}
html .layout1.bonus-pool-container .bonus-pool-container-top :where(.card-container, .group-card).bonus-pool-container-card-container[data-v-94b652a2] { flex: 1; display: flex; flex-flow: wrap; gap: 0.75rem;
}
html .layout1.bonus-pool-container .bonus-pool-container-top .bonus-pool-container-card-container :where(.card-container, .group-card).bonus-pool-container-card[data-v-94b652a2] { flex: 0 0 46.5%;
}
.auroral-yellow :where(.card-container, .group-card).card-container[data-v-94b652a2] { background: #24221f; padding: 1.375rem 1.0625rem 0.9375rem; border-radius: 0.625rem 0.625rem 0 0;
}
.theme-27 :where(.card-container, .group-card).card-container[data-v-94b652a2] { background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-tabs-inicio-components-GameWrapper-components-gameContent-components-gameSlideContent-index :where(.card-container, .group-card).card-container[data-v-94b652a2] { display: flex; flex-flow: wrap; padding: var(--swiper-padding, 0 0 0.9375rem 0); gap: 0.75rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-gameContent-components-gameSlideContent-index .vertical-slide :where(.card-container, .group-card).card-container[data-v-94b652a2] { padding: var(--swiper-padding, 0 0 0.75rem);
}
#tabbar-tabs-inicio-components-GameWrapper-components-gameContent-components-gameSlideContent-index :where(.card-container, .group-card).layout1.bonus-pool-container[data-v-94b652a2] { flex: 1; display: flex; flex-flow: wrap; gap: 0.75rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-gameContent-components-gameSlideContent-index .layout1.bonus-pool-container :where(.card-container, .group-card).bonus-pool-container-top[data-v-94b652a2] { width: 100%; display: flex; gap: 0.75rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-gameContent-components-gameSlideContent-index .layout1.bonus-pool-container .bonus-pool-container-top :where(.card-container, .group-card).bonus-pool-container-top-bonus-pool[data-v-94b652a2] { flex: 1;
}
#tabbar-tabs-inicio-components-GameWrapper-components-gameContent-components-gameSlideContent-index .layout1.bonus-pool-container .bonus-pool-container-top :where(.card-container, .group-card).bonus-pool-container-card-container[data-v-94b652a2] { flex: 1; display: flex; flex-flow: wrap; gap: 0.75rem;
}
#tabbar-tabs-inicio-components-GameWrapper-components-gameContent-components-gameSlideContent-index .layout1.bonus-pool-container .bonus-pool-container-top .bonus-pool-container-card-container :where(.card-container, .group-card).bonus-pool-container-card[data-v-94b652a2] { flex: 0 0 46.5%;
}
.auroral-yellow :where(.vertical-container, .vertical-slide, .vertical-slide > .card-container).vertical-container[data-v-94b652a2] { background: #24221f; padding: 1.375rem 1.0625rem 0.9375rem; border-radius: 0.625rem 0.625rem 0 0;
}
:where(.vertical-container, .vertical-slide, .vertical-slide > .card-container).vertical-container[data-v-94b652a2] { width: 100%; position: relative;
}
.vertical-container :where(.vertical-container, .vertical-slide, .vertical-slide > .card-container).vertical-slide[data-v-94b652a2] { width: 100%;
}
.vertical-container :where(.vertical-container, .vertical-slide, .vertical-slide > .card-container).loading-spinner[data-v-94b652a2] { position: sticky; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10;
}
:where(.swiper, .swiper-slide, .swiper-slide > .card-container, .vertical-container).loading-spinner[data-v-94b652a2] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10;
}
html :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).tabbar-tabs-inicio-components-GameWrapper-index[data-v-94b652a2] { padding-inline: 0.9375rem; margin-bottom: 0.5rem;
}
html .tabbar-tabs-inicio-components-GameWrapper-index :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).aspect-ratio-card[data-v-94b652a2] { width: 100%; aspect-ratio: 100 / 32.786; border-radius: var(--ep-border-radius-surface-default, 0.875rem); overflow: hidden;
}
html :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).tabbar-tabs-inicio-components-GameWrapper-index[data-v-94b652a2]:has(.aspect-ratio-card) { padding-bottom: 0.3125rem;
}
html .tabbar-tabs-inicio-components-GameWrapper-index :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).card-container[data-v-94b652a2] { display: flex; flex-flow: wrap; gap: 0.75rem;
}
html .tabbar-tabs-inicio-components-GameWrapper-index .card-container :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).loading-spinner[data-v-94b652a2] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10;
}
html .tabbar-tabs-inicio-components-GameWrapper-index :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).more[data-v-94b652a2] { display: flex; flex-direction: column; align-items: center; padding-block-end: 1.625rem; text-transform: capitalize; font-size: 0.75rem; line-height: 1.5;
}
html .tabbar-tabs-inicio-components-GameWrapper-index .more :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).label[data-v-94b652a2] { color: var(--text-color1); font-weight: 400;
}
html .tabbar-tabs-inicio-components-GameWrapper-index .more :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).btn[data-v-94b652a2] { color: var(--theme-color-800);
}
html .tabbar-tabs-inicio-components-GameWrapper-index .more .btn :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).btn-label[data-v-94b652a2] { font-weight: 600;
}
html .tabbar-tabs-inicio-components-GameWrapper-index .more .btn :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).btn-icon[data-v-94b652a2] { margin-inline-start: 0.1875rem; vertical-align: middle; transform: rotateX(0); transition: transform 0.3s ease;
}
html .tabbar-tabs-inicio-components-GameWrapper-index .more .btn :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).active[data-v-94b652a2] { transform: rotateX(180deg);
}
.blue-default .home-type-Platform:not(.v02) :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).tabbar-tabs-inicio-components-GameWrapper-index[data-v-94b652a2] { background: #1a223a; border-radius: 0.625rem; margin-bottom: 0.625rem; padding-inline: 0.5625rem;
}
.blue-default .home-type-Platform:not(.v02) .tabbar-tabs-inicio-components-GameWrapper-index :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).card-container[data-v-94b652a2] { padding-block-end: 0.625rem;
}
.blue-default .home-type-Platform.v02 .tabbar-tabs-inicio-components-GameWrapper-index .more :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).label[data-v-94b652a2] { color: var(--text-color1);
}
.blue-default .home-type-Platform.v02 .tabbar-tabs-inicio-components-GameWrapper-index .more :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).btn[data-v-94b652a2] { color: var(--theme-color-800);
}
.forest-green .tabbar-tabs-inicio-components-GameWrapper-index .more :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).label[data-v-94b652a2] { color: rgba(255, 255, 255, 0.4);
}
.forest-green .tabbar-tabs-inicio-components-GameWrapper-index .more :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).btn[data-v-94b652a2] { color: var(--theme-color-800);
}
.auroral-yellow .tabbar-tabs-inicio-components-GameWrapper-index .more :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).label[data-v-94b652a2] { color: var(--text-color2);
}
.auroral-yellow .tabbar-tabs-inicio-components-GameWrapper-index .more :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).btn[data-v-94b652a2] { color: var(--theme-color-800);
}
.auroral-yellow :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).tabbar-tabs-inicio-components-GameWrapper-index[data-v-94b652a2] { padding-inline: 0; margin-bottom: 0;
}
.auroral-yellow .tabbar-tabs-inicio-components-GameWrapper-index :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).card-container[data-v-94b652a2] { background: #24221f; padding: 1.375rem 1.0625rem 0; border-radius: 0.625rem 0.625rem 0 0;
}
.auroral-yellow .tabbar-tabs-inicio-components-GameWrapper-index :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).card-container.onMore[data-v-94b652a2] { padding-block-end: 0.75rem; border-radius: 0.625rem;
}
.auroral-yellow .tabbar-tabs-inicio-components-GameWrapper-index :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).more[data-v-94b652a2] { background: #24221f; padding-block-end: 0.75rem; border-radius: 0 0 0.625rem 0.625rem;
}
.game-list-box.layout28 :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).tabbar-tabs-inicio-components-GameWrapper-index[data-v-94b652a2] { margin-bottom: 0;
}
.game-list-box.layout28 .tabbar-tabs-inicio-components-GameWrapper-index :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).more[data-v-94b652a2] { padding-block-end: 0.625rem; border-bottom: 0.0625rem solid var(--ep-color-border-default);
}
.game-list-box.layout28 .tabbar-tabs-inicio-components-GameWrapper-index .more :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).label[data-v-94b652a2] { display: none;
}
.game-list-box.layout28 .tabbar-tabs-inicio-components-GameWrapper-index .more :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).btn[data-v-94b652a2] { color: var(--ep-color-text-default);
}
.game-list-box.layout28 .tabbar-tabs-inicio-components-GameWrapper-index .more .btn :where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *).btn-label[data-v-94b652a2] { font-weight: var(--ep-font-weight-bold, 700);
}
.game-list-box.layout28 .tabbar-tabs-inicio-components-GameWrapper-index .more ion-icon[data-v-94b652a2]:where(.game-wrapper-c, .headerBgImage, .game-content, .vertical-container, .swiper, .more, .more *) { color: var(--ep-color-icon-brand-secondary);
}
.blue-default :where(.game-wrapper-c)#inicio[data-v-94b652a2] { background: #090f1f;
}
.blue-default #inicio :where(.game-wrapper-c).main-content[data-v-94b652a2] { --background: transparent; position: relative;
}
.blue-default #inicio :where(.game-wrapper-c).main-content[data-v-94b652a2]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; z-index: -1; background-image: url('/images/home/texture_bg.png'); background-size: 5rem; background-repeat: repeat;
}
.blue-default #inicio .main-content .order-container :where(.game-wrapper-c).swiper-c[data-v-94b652a2] { margin-block-start: 0.9375rem; margin-inline: 0.9375rem;
}
.blue-default #inicio .main-content .order-container :where(.game-wrapper-c).segment-c[data-v-94b652a2] { top: 0; z-index: 10;
}
.blue-default #inicio .main-content .order-container :where(.game-wrapper-c).game-wrapper-c[data-v-94b652a2] { border-color: none;
}
.blue-default #inicio .main-content .order-container :where(.game-wrapper-c).apart-view-c[data-v-94b652a2] .payment-box { margin-inline: 0.9375rem;
}
.blue-default .home-type-GameType.v01 #inicio .main-content :where(.game-wrapper-c).order-container[data-v-94b652a2] { display: flex; flex-flow: wrap;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(.game-wrapper-c).swiper-c[data-v-94b652a2] { order: 3; width: 100%; height: 11.25rem;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(.game-wrapper-c).activity-c[data-v-94b652a2] { order: 5; width: 100%;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(.game-wrapper-c).marquee-c[data-v-94b652a2] { order: 7; width: calc(100% - 1.875rem);
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(.game-wrapper-c).bonus-pool-c[data-v-94b652a2] { order: 9;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(.game-wrapper-c).segment-c[data-v-94b652a2] { order: 1; width: 100%;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(.game-wrapper-c).game-c[data-v-94b652a2] { order: 11; width: 100%;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .game-c :where(.game-wrapper-c).platform-game-c[data-v-94b652a2] { display: flex; flex-direction: column;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .game-c .platform-game-c :where(.game-wrapper-c).bonus-pool-c[data-v-94b652a2] { order: 1;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(.game-wrapper-c).app-install-c[data-v-94b652a2] { order: 13; width: 100%;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(.game-wrapper-c).apart-view-c[data-v-94b652a2] { order: 15;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(.game-wrapper-c).game-class-c[data-v-94b652a2] { order: 17;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(.game-wrapper-c).footer-content-c[data-v-94b652a2] { order: 19; width: calc(100% - 1.875rem); margin-inline: 0.9375rem;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(.game-wrapper-c).platform-pool[data-v-94b652a2] { order: 21;
}
.blue-default .home-type-Platform.v02 :where(.game-wrapper-c)#inicio[data-v-94b652a2] { background: #090f1f;
}
.blue-default .home-type-Platform.v02 #inicio :where(.game-wrapper-c).main-content[data-v-94b652a2] { --background: transparent; position: relative;
}
.blue-default .home-type-Platform.v02 #inicio :where(.game-wrapper-c).main-content[data-v-94b652a2]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; z-index: -1; background-image: none; background-size: 5rem; background-repeat: repeat;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.game-wrapper-c).swiper-c[data-v-94b652a2] { margin-block-start: 0.9375rem; margin-inline: 0.9375rem;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.game-wrapper-c).segment-c[data-v-94b652a2] { top: 0; z-index: 10;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.game-wrapper-c).game-wrapper-c[data-v-94b652a2] { border-color: none;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.game-wrapper-c).apart-view-c[data-v-94b652a2] .payment-box { margin-inline: 0.9375rem;
}
.blue-default .home-type-Platform.v02 #inicio .main-content :where(.game-wrapper-c).order-container[data-v-94b652a2] { display: flex; flex-flow: wrap;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.game-wrapper-c).swiper-c[data-v-94b652a2] { width: 14.375rem; height: 14.375rem; margin: 0; margin-block-start: 0.625rem; margin-inline-start: 0.9375rem;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.game-wrapper-c).activity-c[data-v-94b652a2] { flex: 1; width: 7.5rem; height: 14.375rem; margin-block-start: 0.625rem; margin-inline-start: 0.625rem; margin-inline-end: 0.9375rem;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.game-wrapper-c).marquee-c[data-v-94b652a2] { width: 100%; margin-inline: unset; margin-block-start: 0.9375rem; padding-inline-start: 1.4375rem; padding-inline-end: 1.9375rem;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .game-c :where(.game-wrapper-c).platform-game-c[data-v-94b652a2] { display: flex; flex-direction: column;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .game-c .platform-game-c :where(.game-wrapper-c).bonus-pool-c[data-v-94b652a2] { order: 1;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.game-wrapper-c).app-install-c[data-v-94b652a2] { order: 2;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.game-wrapper-c).apart-view-c[data-v-94b652a2] { order: 1;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.game-wrapper-c).game-class-c[data-v-94b652a2] { order: 3;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.game-wrapper-c).footer-content-c[data-v-94b652a2] { order: 4;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.game-wrapper-c).platform-pool[data-v-94b652a2] { order: 1;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.game-wrapper-c).segment-c[data-v-94b652a2], .blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(.game-wrapper-c).game-c[data-v-94b652a2] { width: 100%;
}
.blue-default .home-type-Platform.v02 #inicio :where(.game-wrapper-c).main-content[data-v-94b652a2]:before { opacity: 0.8; background-size: unset;
}
.green-default .v01 #inicio .main-content :where(.game-wrapper-c).order-container[data-v-94b652a2] { display: flex; flex-flow: wrap;
}
.green-default .v01 #inicio .main-content .order-container :where(.game-wrapper-c).swiper-c[data-v-94b652a2] { width: 14.375rem; height: 14.375rem; margin: 0; margin-block-start: 0.625rem; margin-inline-start: 0.9375rem;
}
.green-default .v01 #inicio .main-content .order-container :where(.game-wrapper-c).activity-c[data-v-94b652a2] { flex: 1; width: 7.5rem; height: 14.375rem; margin-block-start: 0.625rem; margin-inline-start: 0.625rem; margin-inline-end: 0.9375rem;
}
.green-default .v01 #inicio .main-content .order-container :where(.game-wrapper-c).marquee-c[data-v-94b652a2] { width: 100%; margin-inline: unset; margin-block-start: 0.9375rem; padding-inline-start: 1.4375rem; padding-inline-end: 1.9375rem;
}
.green-default .v01 #inicio .main-content .order-container .game-c :where(.game-wrapper-c).platform-game-c[data-v-94b652a2] { display: flex; flex-direction: column;
}
.green-default .v01 #inicio .main-content .order-container .game-c .platform-game-c :where(.game-wrapper-c).bonus-pool-c[data-v-94b652a2] { order: 1;
}
.green-default .v01 #inicio .main-content .order-container :where(.game-wrapper-c).app-install-c[data-v-94b652a2] { order: 2;
}
.green-default .v01 #inicio .main-content .order-container :where(.game-wrapper-c).apart-view-c[data-v-94b652a2] { order: 1;
}
.green-default .v01 #inicio .main-content .order-container :where(.game-wrapper-c).game-class-c[data-v-94b652a2] { order: 3;
}
.green-default .v01 #inicio .main-content .order-container :where(.game-wrapper-c).footer-content-c[data-v-94b652a2] { order: 4;
}
.green-default .v01 #inicio .main-content .order-container :where(.game-wrapper-c).platform-pool[data-v-94b652a2] { order: 1;
}
.green-default .v01 #inicio .main-content .order-container :where(.game-wrapper-c).segment-c[data-v-94b652a2], .green-default .v01 #inicio .main-content .order-container :where(.game-wrapper-c).game-c[data-v-94b652a2] { width: 100%;
}
.green-default .v02 :where(.game-wrapper-c)#inicio[data-v-94b652a2] { background: #213b10;
}
.green-default .v02 #inicio :where(.game-wrapper-c).main-content[data-v-94b652a2] { --background: transparent; position: relative;
}
.green-default .v02 #inicio :where(.game-wrapper-c).main-content[data-v-94b652a2]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; z-index: -1; background-image: none; background-size: 5rem; background-repeat: repeat;
}
.green-default .v02 #inicio .main-content .order-container :where(.game-wrapper-c).swiper-c[data-v-94b652a2] { margin-block-start: 0.9375rem; margin-inline: 0.9375rem;
}
.green-default .v02 #inicio .main-content .order-container :where(.game-wrapper-c).segment-c[data-v-94b652a2] { top: 0; z-index: 10;
}
.green-default .v02 #inicio .main-content .order-container :where(.game-wrapper-c).game-wrapper-c[data-v-94b652a2] { border-color: #34571d;
}
.green-default .v02 #inicio .main-content .order-container :where(.game-wrapper-c).apart-view-c[data-v-94b652a2] .payment-box { margin-inline: 0.9375rem;
}
.green-default .v02 #inicio .main-content :where(.game-wrapper-c).order-container[data-v-94b652a2] { display: flex; flex-flow: wrap;
}
.green-default .v02 #inicio .main-content .order-container :where(.game-wrapper-c).swiper-c[data-v-94b652a2] { width: 14.375rem; height: 14.375rem; margin: 0; margin-block-start: 0.625rem; margin-inline-start: 0.9375rem;
}
.green-default .v02 #inicio .main-content .order-container :where(.game-wrapper-c).activity-c[data-v-94b652a2] { flex: 1; width: 7.5rem; height: 14.375rem; margin-block-start: 0.625rem; margin-inline-start: 0.625rem; margin-inline-end: 0.9375rem;
}
.green-default .v02 #inicio .main-content .order-container :where(.game-wrapper-c).marquee-c[data-v-94b652a2] { width: 100%; margin-inline: unset; margin-block-start: 0.9375rem; padding-inline-start: 1.4375rem; padding-inline-end: 1.9375rem;
}
.green-default .v02 #inicio .main-content .order-container .game-c :where(.game-wrapper-c).platform-game-c[data-v-94b652a2] { display: flex; flex-direction: column;
}
.green-default .v02 #inicio .main-content .order-container .game-c .platform-game-c :where(.game-wrapper-c).bonus-pool-c[data-v-94b652a2] { order: 1;
}
.green-default .v02 #inicio .main-content .order-container :where(.game-wrapper-c).app-install-c[data-v-94b652a2] { order: 2;
}
.green-default .v02 #inicio .main-content .order-container :where(.game-wrapper-c).apart-view-c[data-v-94b652a2] { order: 1;
}
.green-default .v02 #inicio .main-content .order-container :where(.game-wrapper-c).game-class-c[data-v-94b652a2] { order: 3;
}
.green-default .v02 #inicio .main-content .order-container :where(.game-wrapper-c).footer-content-c[data-v-94b652a2] { order: 4;
}
.green-default .v02 #inicio .main-content .order-container :where(.game-wrapper-c).platform-pool[data-v-94b652a2] { order: 1;
}
.green-default .v02 #inicio .main-content .order-container :where(.game-wrapper-c).marquee-c[data-v-94b652a2] { margin-bottom: 1rem;
}
.green-default .v02 #inicio .main-content .order-container :where(.game-wrapper-c).segment-c[data-v-94b652a2] { width: 4.875rem; height: 37.5rem; margin-left: 0.9375rem; margin-right: 0.8125rem; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none;
}
.green-default .v02 #inicio .main-content .order-container :where(.game-wrapper-c).segment-c[data-v-94b652a2]::-webkit-scrollbar { display: none;
}
.green-default .v02 #inicio .main-content .order-container :where(.game-wrapper-c).game-c[data-v-94b652a2] { width: calc(100% - 6.625rem);
}
.green-default .v02 #inicio .main-content .order-container .game-c :where(.game-wrapper-c).game-wrapper-c[data-v-94b652a2] { padding: 0; width: calc(100% - 0.9375rem); padding-block-end: 1.125rem;
}
.green-default .v02 #inicio .main-content .order-container .game-c .lazy-component:not(:last-child) :where(.game-wrapper-c).game-wrapper-c[data-v-94b652a2] { border-bottom-width: 0.0625rem; border-bottom-style: solid;
}
.green-default :where(.game-wrapper-c)#inicio[data-v-94b652a2] { background: #213b10;
}
.green-default #inicio :where(.game-wrapper-c).main-content[data-v-94b652a2] { --background: transparent; position: relative;
}
.green-default #inicio :where(.game-wrapper-c).main-content[data-v-94b652a2]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; z-index: -1; background-image: none; background-size: 5rem; background-repeat: repeat;
}
.green-default #inicio .main-content .order-container :where(.game-wrapper-c).swiper-c[data-v-94b652a2] { margin-block-start: 0.9375rem; margin-inline: 0.9375rem;
}
.green-default #inicio .main-content .order-container :where(.game-wrapper-c).segment-c[data-v-94b652a2] { top: 0; z-index: 10;
}
.green-default #inicio .main-content .order-container :where(.game-wrapper-c).game-wrapper-c[data-v-94b652a2] { border-color: none;
}
.green-default #inicio .main-content .order-container :where(.game-wrapper-c).apart-view-c[data-v-94b652a2] .payment-box { margin-inline: 0.9375rem;
}
.forest-green .v01 :where(.game-wrapper-c)#inicio[data-v-94b652a2] { background: #004d37;
}
.forest-green .v01 #inicio :where(.game-wrapper-c).main-content[data-v-94b652a2] { --background: transparent; position: relative;
}
.forest-green .v01 #inicio :where(.game-wrapper-c).main-content[data-v-94b652a2]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; z-index: -1; background-image: url('/images/home/inicio-bg.png'); background-size: 5rem; background-repeat: repeat;
}
.forest-green .v01 #inicio .main-content .order-container :where(.game-wrapper-c).swiper-c[data-v-94b652a2] { margin-block-start: 0.9375rem; margin-inline: 0.9375rem;
}
.forest-green .v01 #inicio .main-content .order-container :where(.game-wrapper-c).segment-c[data-v-94b652a2] { top: 0; z-index: 10;
}
.forest-green .v01 #inicio .main-content .order-container :where(.game-wrapper-c).game-wrapper-c[data-v-94b652a2] { border-color: none;
}
.forest-green .v01 #inicio .main-content .order-container :where(.game-wrapper-c).apart-view-c[data-v-94b652a2] .payment-box { margin-inline: 0.9375rem;
}
.forest-green .v01 #inicio .main-content :where(.game-wrapper-c).order-container[data-v-94b652a2] { display: flex; flex-flow: wrap;
}
.forest-green .v01 #inicio .main-content .order-container :where(.game-wrapper-c).swiper-c[data-v-94b652a2] { width: 14.375rem; height: 14.375rem; margin: 0; margin-block-start: 0.625rem; margin-inline-start: 0.9375rem;
}
.forest-green .v01 #inicio .main-content .order-container :where(.game-wrapper-c).activity-c[data-v-94b652a2] { flex: 1; width: 7.5rem; height: 14.375rem; margin-block-start: 0.625rem; margin-inline-start: 0.625rem; margin-inline-end: 0.9375rem;
}
.forest-green .v01 #inicio .main-content .order-container :where(.game-wrapper-c).marquee-c[data-v-94b652a2] { width: 100%; margin-inline: unset; margin-block-start: 0.9375rem; padding-inline-start: 1.4375rem; padding-inline-end: 1.9375rem;
}
.forest-green .v01 #inicio .main-content .order-container .game-c :where(.game-wrapper-c).platform-game-c[data-v-94b652a2] { display: flex; flex-direction: column;
}
.forest-green .v01 #inicio .main-content .order-container .game-c .platform-game-c :where(.game-wrapper-c).bonus-pool-c[data-v-94b652a2] { order: 1;
}
.forest-green .v01 #inicio .main-content .order-container :where(.game-wrapper-c).app-install-c[data-v-94b652a2] { order: 2;
}
.forest-green .v01 #inicio .main-content .order-container :where(.game-wrapper-c).apart-view-c[data-v-94b652a2] { order: 1;
}
.forest-green .v01 #inicio .main-content .order-container :where(.game-wrapper-c).game-class-c[data-v-94b652a2] { order: 3;
}
.forest-green .v01 #inicio .main-content .order-container :where(.game-wrapper-c).footer-content-c[data-v-94b652a2] { order: 4;
}
.forest-green .v01 #inicio .main-content .order-container :where(.game-wrapper-c).platform-pool[data-v-94b652a2] { order: 1;
}
.forest-green .v01 #inicio .main-content .order-container :where(.game-wrapper-c).segment-c[data-v-94b652a2], .forest-green .v01 #inicio .main-content .order-container :where(.game-wrapper-c).game-c[data-v-94b652a2] { width: 100%;
}
.forest-green .v01 #inicio :where(.game-wrapper-c).main-content[data-v-94b652a2]:before { opacity: 0.8; background-size: unset;
}
.forest-green .v02 :where(.game-wrapper-c)#inicio[data-v-94b652a2] { background: #004d37;
}
.forest-green .v02 #inicio :where(.game-wrapper-c).main-content[data-v-94b652a2] { --background: transparent; position: relative;
}
.forest-green .v02 #inicio :where(.game-wrapper-c).main-content[data-v-94b652a2]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; z-index: -1; background-image: url('/images/home/inicio-bg.png'); background-size: 5rem; background-repeat: repeat;
}
.forest-green .v02 #inicio .main-content .order-container :where(.game-wrapper-c).swiper-c[data-v-94b652a2] { margin-block-start: 0.9375rem; margin-inline: 0.9375rem;
}
.forest-green .v02 #inicio .main-content .order-container :where(.game-wrapper-c).segment-c[data-v-94b652a2] { top: 0; z-index: 10;
}
.forest-green .v02 #inicio .main-content .order-container :where(.game-wrapper-c).game-wrapper-c[data-v-94b652a2] { border-color: #009f76;
}
.forest-green .v02 #inicio .main-content .order-container :where(.game-wrapper-c).apart-view-c[data-v-94b652a2] .payment-box { margin-inline: 0.9375rem;
}
.forest-green .v02 #inicio .main-content :where(.game-wrapper-c).order-container[data-v-94b652a2] { display: flex; flex-flow: wrap;
}
.forest-green .v02 #inicio .main-content .order-container :where(.game-wrapper-c).swiper-c[data-v-94b652a2] { width: 14.375rem; height: 14.375rem; margin: 0; margin-block-start: 0.625rem; margin-inline-start: 0.9375rem;
}
.forest-green .v02 #inicio .main-content .order-container :where(.game-wrapper-c).activity-c[data-v-94b652a2] { flex: 1; width: 7.5rem; height: 14.375rem; margin-block-start: 0.625rem; margin-inline-start: 0.625rem; margin-inline-end: 0.9375rem;
}
.forest-green .v02 #inicio .main-content .order-container :where(.game-wrapper-c).marquee-c[data-v-94b652a2] { width: 100%; margin-inline: unset; margin-block-start: 0.9375rem; padding-inline-start: 1.4375rem; padding-inline-end: 1.9375rem;
}
.forest-green .v02 #inicio .main-content .order-container .game-c :where(.game-wrapper-c).platform-game-c[data-v-94b652a2] { display: flex; flex-direction: column;
}
.forest-green .v02 #inicio .main-content .order-container .game-c .platform-game-c :where(.game-wrapper-c).bonus-pool-c[data-v-94b652a2] { order: 1;
}
.forest-green .v02 #inicio .main-content .order-container :where(.game-wrapper-c).app-install-c[data-v-94b652a2] { order: 2;
}
.forest-green .v02 #inicio .main-content .order-container :where(.game-wrapper-c).apart-view-c[data-v-94b652a2] { order: 1;
}
.forest-green .v02 #inicio .main-content .order-container :where(.game-wrapper-c).game-class-c[data-v-94b652a2] { order: 3;
}
.forest-green .v02 #inicio .main-content .order-container :where(.game-wrapper-c).footer-content-c[data-v-94b652a2] { order: 4;
}
.forest-green .v02 #inicio .main-content .order-container :where(.game-wrapper-c).platform-pool[data-v-94b652a2] { order: 1;
}
.forest-green .v02 #inicio .main-content .order-container :where(.game-wrapper-c).marquee-c[data-v-94b652a2] { margin-bottom: 1rem;
}
.forest-green .v02 #inicio .main-content .order-container :where(.game-wrapper-c).segment-c[data-v-94b652a2] { width: 4.875rem; height: 37.5rem; margin-left: 0.9375rem; margin-right: 0.8125rem; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none;
}
.forest-green .v02 #inicio .main-content .order-container :where(.game-wrapper-c).segment-c[data-v-94b652a2]::-webkit-scrollbar { display: none;
}
.forest-green .v02 #inicio .main-content .order-container :where(.game-wrapper-c).game-c[data-v-94b652a2] { width: calc(100% - 6.625rem);
}
.forest-green .v02 #inicio .main-content .order-container .game-c :where(.game-wrapper-c).game-wrapper-c[data-v-94b652a2] { padding: 0; width: calc(100% - 0.9375rem); padding-block-end: 1.125rem;
}
.forest-green .v02 #inicio .main-content .order-container .game-c .lazy-component:not(:last-child) :where(.game-wrapper-c).game-wrapper-c[data-v-94b652a2] { border-bottom-width: 0.0625rem; border-bottom-style: solid;
}
.forest-green .v02 #inicio :where(.game-wrapper-c).main-content[data-v-94b652a2]:before { opacity: 0.8; background-size: unset;
}
.amber-purple :where(.game-wrapper-c)#inicio[data-v-94b652a2] { background: #262346;
}
.amber-purple #inicio :where(.game-wrapper-c).main-content[data-v-94b652a2] { --background: transparent; position: relative;
}
.amber-purple #inicio :where(.game-wrapper-c).main-content[data-v-94b652a2]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; z-index: -1; background-image: none; background-size: 5rem; background-repeat: repeat;
}
.amber-purple #inicio .main-content .order-container :where(.game-wrapper-c).swiper-c[data-v-94b652a2] { margin-block-start: 0.9375rem; margin-inline: 0.9375rem;
}
.amber-purple #inicio .main-content .order-container :where(.game-wrapper-c).segment-c[data-v-94b652a2] { top: 0; z-index: 10;
}
.amber-purple #inicio .main-content .order-container :where(.game-wrapper-c).game-wrapper-c[data-v-94b652a2] { border-color: none;
}
.amber-purple #inicio .main-content .order-container :where(.game-wrapper-c).apart-view-c[data-v-94b652a2] .payment-box { margin-inline: 0.9375rem;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content :where(.game-wrapper-c).order-container[data-v-94b652a2] { display: flex; flex-flow: wrap;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(.game-wrapper-c).swiper-c[data-v-94b652a2] { width: 14.375rem; height: 14.375rem; margin: 0; margin-block-start: 0.625rem; margin-inline-start: 0.9375rem;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(.game-wrapper-c).activity-c[data-v-94b652a2] { flex: 1; width: 7.5rem; height: 14.375rem; margin-block-start: 0.625rem; margin-inline-start: 0.625rem; margin-inline-end: 0.9375rem;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(.game-wrapper-c).marquee-c[data-v-94b652a2] { width: 100%; margin-inline: unset; margin-block-start: 0.9375rem; padding-inline-start: 1.4375rem; padding-inline-end: 1.9375rem;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .game-c :where(.game-wrapper-c).platform-game-c[data-v-94b652a2] { display: flex; flex-direction: column;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .game-c .platform-game-c :where(.game-wrapper-c).bonus-pool-c[data-v-94b652a2] { order: 1;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(.game-wrapper-c).app-install-c[data-v-94b652a2] { order: 2;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(.game-wrapper-c).apart-view-c[data-v-94b652a2] { order: 1;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(.game-wrapper-c).game-class-c[data-v-94b652a2] { order: 3;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(.game-wrapper-c).footer-content-c[data-v-94b652a2] { order: 4;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(.game-wrapper-c).platform-pool[data-v-94b652a2] { order: 1;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(.game-wrapper-c).segment-c[data-v-94b652a2], .amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(.game-wrapper-c).game-c[data-v-94b652a2] { width: 100%;
}
.amber-purple .home-type-Platform.v01 #inicio :where(.game-wrapper-c).main-content[data-v-94b652a2]:before { opacity: 0.8; background-size: unset;
}
.auroral-yellow :where(.game-wrapper-c)#inicio[data-v-94b652a2] { background: #171616;
}
.auroral-yellow #inicio :where(.game-wrapper-c).main-content[data-v-94b652a2] { --background: transparent; position: relative;
}
.auroral-yellow #inicio :where(.game-wrapper-c).main-content[data-v-94b652a2]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; z-index: -1; background-image: none; background-size: 5rem; background-repeat: repeat;
}
.auroral-yellow #inicio .main-content .order-container :where(.game-wrapper-c).swiper-c[data-v-94b652a2] { margin-block-start: 0.9375rem; margin-inline: 0.9375rem;
}
.auroral-yellow #inicio .main-content .order-container :where(.game-wrapper-c).segment-c[data-v-94b652a2] { top: 0; z-index: 10;
}
.auroral-yellow #inicio .main-content .order-container :where(.game-wrapper-c).game-wrapper-c[data-v-94b652a2] { border-color: none;
}
.auroral-yellow #inicio .main-content .order-container :where(.game-wrapper-c).apart-view-c[data-v-94b652a2] .payment-box { margin-inline: 0.9375rem;
}
.auroral-yellow #inicio .main-content :where(.game-wrapper-c).order-container[data-v-94b652a2] { display: flex; flex-flow: wrap;
}
.auroral-yellow #inicio .main-content .order-container :where(.game-wrapper-c).swiper-c[data-v-94b652a2] { order: 1; width: 100%; height: 11.25rem; margin-block-start: 0.875rem;
}
.auroral-yellow #inicio .main-content .order-container :where(.game-wrapper-c).activity-c[data-v-94b652a2] { order: 3; width: 100%; margin-block-start: 0.6875rem;
}
.auroral-yellow #inicio .main-content .order-container :where(.game-wrapper-c).activity-c[data-v-94b652a2] ion-segment { height: 4.375rem; gap: 0.75rem;
}
.auroral-yellow #inicio .main-content .order-container :where(.game-wrapper-c).activity-c[data-v-94b652a2] ion-segment ion-segment-button { width: 7rem; border-radius: 0.375rem; --border-radius: 0.375rem;
}
.auroral-yellow #inicio .main-content .order-container :where(.game-wrapper-c).marquee-c[data-v-94b652a2] { order: 5; width: calc(100% - 1.875rem);
}
.auroral-yellow #inicio .main-content .order-container :where(.game-wrapper-c)#game-buoy[data-v-94b652a2] { order: 6; width: 100%;
}
.auroral-yellow #inicio .main-content .order-container :where(.game-wrapper-c).bonus-pool-c[data-v-94b652a2] { order: 7;
}
.auroral-yellow #inicio .main-content .order-container :where(.game-wrapper-c).segment-c[data-v-94b652a2] { order: 9; width: 100%;
}
.auroral-yellow #inicio .main-content .order-container :where(.game-wrapper-c).game-c[data-v-94b652a2] { order: 11; width: 100%;
}
.auroral-yellow #inicio .main-content .order-container .game-c :where(.game-wrapper-c).platform-game-c[data-v-94b652a2] { display: flex; flex-direction: column;
}
.auroral-yellow #inicio .main-content .order-container .game-c .platform-game-c .lazy-component:first-child :where(.game-wrapper-c).game-wrapper-c[data-v-94b652a2] .game-head { margin-block-start: 0.3125rem;
}
.auroral-yellow #inicio .main-content .order-container .game-c .platform-game-c :where(.game-wrapper-c).bonus-pool-c[data-v-94b652a2] { order: 1;
}
.auroral-yellow #inicio .main-content .order-container :where(.game-wrapper-c).app-install-c[data-v-94b652a2] { order: 13; width: 100%;
}
.auroral-yellow #inicio .main-content .order-container :where(.game-wrapper-c).apart-view-c[data-v-94b652a2] { order: 15; width: 100%;
}
.auroral-yellow #inicio .main-content .order-container :where(.game-wrapper-c).apart-view-c[data-v-94b652a2] .social-box { display: none;
}
.auroral-yellow #inicio .main-content .order-container :where(.game-wrapper-c).footer-content-c[data-v-94b652a2] { order: 19; width: calc(100% - 1.875rem); margin-inline: 0.9375rem;
}
.auroral-yellow #inicio .main-content .order-container :where(.game-wrapper-c).platform-pool[data-v-94b652a2] { order: 21;
}

    /* 组头背景、分隔线、翻页按钮与 Logo 定位；none 同时控制按钮置灰和指针交互。 */
:where(.headerBgImage, .headerBgImage *).headerBgImage[data-v-94b652a2] { width: calc(100% + 1.125rem); margin-left: -0.5625rem; background: url('/images/home/headerTextBg.png') no-repeat left top / 70% 100%; margin-block-end: 0.875rem;
}
:where(.headerBgImage, .headerBgImage *).blueLine[data-v-94b652a2] { transform: rotate(30deg); transform-origin: 50% 50%;
}
:where(.headerBgImage, .headerBgImage *).sort[data-v-94b652a2] { color: var(--color-icon-platform-sort);
}
:where(.headerBgImage, .headerBgImage *).arrow-container[data-v-94b652a2] { margin-inline-start: auto;
}
:where(.headerBgImage, .headerBgImage *).tab.none[data-v-94b652a2] { pointer-events: none; color: #5a6892;
}
:where(.headerBgImage, .headerBgImage *).logo-container[data-v-94b652a2] { position: relative; width: 1.875rem; height: 1.875rem; margin-inline-end: 0.4375rem;
}
.logo-container :where(.headerBgImage, .headerBgImage *).icon-light[data-v-94b652a2] { position: absolute; top: 0.5rem; left: 50%; transform: translate(-50%);
}
.logo-container :where(.headerBgImage, .headerBgImage *).logo[data-v-94b652a2] { font-size: 1.875rem;
}

    /* 游戏请求状态沿用列表区域的最小高度，不改变分组布局。 */
.home-games-status[data-v-a00dba18] { min-height: inherit; display: flex; align-items: center; justify-content: center;
}

    /* 游戏列表内部布局与主题样式，保留原有选择器顺序。 */
.blue-default #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-wrapper-c[data-v-a00dba18] { border-color: none;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .game-c :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).platform-game-c[data-v-a00dba18] { display: flex; flex-direction: column;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container .game-c .platform-game-c :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).bonus-pool-c[data-v-a00dba18] { order: 1;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-wrapper-c[data-v-a00dba18] { border-color: none;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .game-c :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).platform-game-c[data-v-a00dba18] { display: flex; flex-direction: column;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container .game-c .platform-game-c :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).bonus-pool-c[data-v-a00dba18] { order: 1;
}
.green-default .v01 #inicio .main-content .order-container .game-c :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).platform-game-c[data-v-a00dba18] { display: flex; flex-direction: column;
}
.green-default .v01 #inicio .main-content .order-container .game-c .platform-game-c :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).bonus-pool-c[data-v-a00dba18] { order: 1;
}
.green-default .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-wrapper-c[data-v-a00dba18] { border-color: #34571d;
}
.green-default .v02 #inicio .main-content .order-container .game-c :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).platform-game-c[data-v-a00dba18] { display: flex; flex-direction: column;
}
.green-default .v02 #inicio .main-content .order-container .game-c .platform-game-c :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).bonus-pool-c[data-v-a00dba18] { order: 1;
}
.green-default .v02 #inicio .main-content .order-container .game-c :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-wrapper-c[data-v-a00dba18] { padding: 0; width: calc(100% - 0.9375rem); padding-block-end: 1.125rem;
}
.green-default .v02 #inicio .main-content .order-container .game-c .lazy-component:not(:last-child) :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-wrapper-c[data-v-a00dba18] { border-bottom-width: 0.0625rem; border-bottom-style: solid;
}
.green-default #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-wrapper-c[data-v-a00dba18] { border-color: none;
}
.forest-green .v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-wrapper-c[data-v-a00dba18] { border-color: none;
}
.forest-green .v01 #inicio .main-content .order-container .game-c :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).platform-game-c[data-v-a00dba18] { display: flex; flex-direction: column;
}
.forest-green .v01 #inicio .main-content .order-container .game-c .platform-game-c :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).bonus-pool-c[data-v-a00dba18] { order: 1;
}
.forest-green .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-wrapper-c[data-v-a00dba18] { border-color: #009f76;
}
.forest-green .v02 #inicio .main-content .order-container .game-c :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).platform-game-c[data-v-a00dba18] { display: flex; flex-direction: column;
}
.forest-green .v02 #inicio .main-content .order-container .game-c .platform-game-c :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).bonus-pool-c[data-v-a00dba18] { order: 1;
}
.forest-green .v02 #inicio .main-content .order-container .game-c :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-wrapper-c[data-v-a00dba18] { padding: 0; width: calc(100% - 0.9375rem); padding-block-end: 1.125rem;
}
.forest-green .v02 #inicio .main-content .order-container .game-c .lazy-component:not(:last-child) :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-wrapper-c[data-v-a00dba18] { border-bottom-width: 0.0625rem; border-bottom-style: solid;
}
.amber-purple #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-wrapper-c[data-v-a00dba18] { border-color: none;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .game-c :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).platform-game-c[data-v-a00dba18] { display: flex; flex-direction: column;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container .game-c .platform-game-c :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).bonus-pool-c[data-v-a00dba18] { order: 1;
}
.auroral-yellow #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-wrapper-c[data-v-a00dba18] { border-color: none;
}
.auroral-yellow #inicio .main-content .order-container .game-c :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).platform-game-c[data-v-a00dba18] { display: flex; flex-direction: column;
}
.auroral-yellow #inicio .main-content .order-container .game-c .platform-game-c .lazy-component:first-child :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-wrapper-c[data-v-a00dba18] .game-head { margin-block-start: 0.3125rem;
}
.auroral-yellow #inicio .main-content .order-container .game-c .platform-game-c :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).bonus-pool-c[data-v-a00dba18] { order: 1;
}

    /* 游戏平台选择栏：基础样式。 */
:where(.hot-icon[data-v-4ff72052]):where(.home-brands, .home-brands *) .logo-definitions { width: 0; height: 0;
}
.hot-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; font-size: inherit;
}
.hot-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) .img-box { width: 0; height: 0;
}
.hot-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) .img-box.good-img { width: 100%; height: 100%;
}
.hot-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) .symbol-main { width: 100%; height: 100%; font-size: inherit; display: block;
}
.hot-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) .symbol-container { display: none;
}
.hot-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) .svg-container { width: 100%; height: 100%; font-size: inherit;
}
.hot-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) .svg-container svg { width: 100%; height: 100%;
}
.hot-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) .svg-fill { width: 100%; height: 100%; font-size: inherit; color: inherit;
}
.hot-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) .svg-fill svg [fill='currentColor'] { fill: var(--svg-fill, currentColor);
}
.wrapper.layout2[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: flex; margin-top: 0.75rem; margin-bottom: 1.25rem;
}
.type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { object-fit: contain;
}

    /* 游戏平台选择栏：主题样式。 */
html :where(.wrapper, ion-segment).layout1.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: flex; position: sticky; top: 0; z-index: 35; background: var(--ep-color-background-fill-surface-lowered, #101b3c);
}
html :where(.wrapper, ion-segment).layout2.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *) { 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 :where(.wrapper, ion-segment).layout2.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *):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 :where(.wrapper, ion-segment).layout3.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *) { 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 :where(.wrapper, ion-segment).layout3.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *):before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.5; background-image: var(--data-icon1);
}
html :where(.wrapper, ion-segment).layout28.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: flex; position: sticky; top: 0; z-index: 35; padding-inline: 0.75rem; scrollbar-width: none; overflow: hidden auto;
}
html :where(.wrapper, ion-segment).layout30.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: var(--ep-color-background-fill-body-default); position: sticky; margin-top: 1rem; z-index: 39; top: 0;
}
html :where(.wrapper, ion-segment).layout30.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *):before { content: ''; position: absolute; width: 100%; height: 2.625rem; background-image: linear-gradient(135deg, var(--ep-color-background-fill-surface-raised-L2) 0%, var(--ep-color-background-fill-surface-raised-L2) 20%, var(--ep-color-border-default) 20%, var(--ep-color-border-default) 30%, var(--ep-color-background-fill-surface-raised-L2) 30%, var(--ep-color-background-fill-surface-raised-L2) 45%, var(--ep-color-border-default) 45%, var(--ep-color-border-default) 55%, var(--ep-color-background-fill-surface-raised-L2) 55%, var(--ep-color-background-fill-surface-raised-L2) 70%, var(--ep-color-border-default) 70%, var(--ep-color-border-default) 80%, var(--ep-color-background-fill-surface-raised-L2) 80%);
}
html :where(.wrapper, ion-segment).layout37.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: flex; position: sticky; top: 0; z-index: 35; padding-bottom: 0.625rem;
}
html :where(.wrapper, ion-segment).layout38.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: flex; position: sticky; top: 0; z-index: 35; padding-inline: 0.75rem; scrollbar-width: none; overflow: hidden auto;
}
html :where(.wrapper, ion-segment).layout40.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: flex; position: sticky; top: 0; z-index: 35; background: var(--ep-color-background-fill-body-default);
}
html :where(.wrapper, ion-segment).layout42.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *), html :where(.wrapper, ion-segment).layout46.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: flex; position: sticky; top: 0; z-index: 35; background: var(--ep-color-background-fill-body-default); padding: 0.75rem 0;
}
#tabbar-tabs-inicio-components-Segment-index :where(.wrapper, ion-segment).layout1.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: flex; position: sticky; top: 0; z-index: 35; background: var(--ep-color-background-fill-surface-lowered, #101b3c);
}
#tabbar-tabs-inicio-components-Segment-index :where(.wrapper, ion-segment).layout2.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *) { 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 :where(.wrapper, ion-segment).layout2.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *):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 :where(.wrapper, ion-segment).layout3.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *) { 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 :where(.wrapper, ion-segment).layout3.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *):before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.5; background-image: var(--data-icon1);
}
#tabbar-tabs-inicio-components-Segment-index :where(.wrapper, ion-segment).layout28.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: flex; position: sticky; top: 0; z-index: 35; padding-inline: 0.75rem; scrollbar-width: none; overflow: hidden auto;
}
#tabbar-tabs-inicio-components-Segment-index :where(.wrapper, ion-segment).layout30.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: var(--ep-color-background-fill-body-default); position: sticky; margin-top: 1rem; z-index: 39; top: 0;
}
#tabbar-tabs-inicio-components-Segment-index :where(.wrapper, ion-segment).layout30.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *):before { content: ''; position: absolute; width: 100%; height: 2.625rem; background-image: linear-gradient(135deg, var(--ep-color-background-fill-surface-raised-L2) 0%, var(--ep-color-background-fill-surface-raised-L2) 20%, var(--ep-color-border-default) 20%, var(--ep-color-border-default) 30%, var(--ep-color-background-fill-surface-raised-L2) 30%, var(--ep-color-background-fill-surface-raised-L2) 45%, var(--ep-color-border-default) 45%, var(--ep-color-border-default) 55%, var(--ep-color-background-fill-surface-raised-L2) 55%, var(--ep-color-background-fill-surface-raised-L2) 70%, var(--ep-color-border-default) 70%, var(--ep-color-border-default) 80%, var(--ep-color-background-fill-surface-raised-L2) 80%);
}
#tabbar-tabs-inicio-components-Segment-index :where(.wrapper, ion-segment).layout37.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: flex; position: sticky; top: 0; z-index: 35; padding-bottom: 0.625rem;
}
#tabbar-tabs-inicio-components-Segment-index :where(.wrapper, ion-segment).layout38.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: flex; position: sticky; top: 0; z-index: 35; padding-inline: 0.75rem; scrollbar-width: none; overflow: hidden auto;
}
#tabbar-tabs-inicio-components-Segment-index :where(.wrapper, ion-segment).layout40.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: flex; position: sticky; top: 0; z-index: 35; background: var(--ep-color-background-fill-body-default);
}
#tabbar-tabs-inicio-components-Segment-index :where(.wrapper, ion-segment).layout42.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-index :where(.wrapper, ion-segment).layout46.wrapper[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: flex; position: sticky; top: 0; z-index: 35; background: var(--ep-color-background-fill-body-default); padding: 0.75rem 0;
}
html ion-segment[data-v-4ff72052]:where(ion-segment, ion-segment > ion-segment-button, ion-segment > .line):where(.home-brands, .home-brands *) { --background: transparent; width: 100%; display: flex; gap: 0.625rem;
}
.amber-purple .order-container .segment-c ion-segment[data-v-4ff72052]:where(ion-segment, ion-segment > ion-segment-button, ion-segment > .line):where(.home-brands, .home-brands *) { --background: #2c294d;
}
.amber-purple .order-container .segment-c ion-segment[data-v-4ff72052]:where(ion-segment, ion-segment > ion-segment-button, ion-segment > .line):where(.home-brands, .home-brands *) .btn-wall { margin: 0; gap: 0.125rem;
}
.amber-purple .order-container .segment-c ion-segment[data-v-4ff72052]:where(ion-segment, ion-segment > ion-segment-button, ion-segment > .line):where(.home-brands, .home-brands *) .btn-wall ion-label { font-size: 0.75rem; color: var(--ep-color-text-default);
}
.green-default .order-container .segment-c ion-segment[data-v-4ff72052]:where(ion-segment, ion-segment > ion-segment-button, ion-segment > .line):where(.home-brands, .home-brands *) { --background: #2b4f14;
}
.green-default .order-container .segment-c ion-segment[data-v-4ff72052]:where(ion-segment, ion-segment > ion-segment-button, ion-segment > .line):where(.home-brands, .home-brands *) .btn-wall { margin: 0; gap: 0.125rem;
}
.green-default .order-container .segment-c ion-segment[data-v-4ff72052]:where(ion-segment, ion-segment > ion-segment-button, ion-segment > .line):where(.home-brands, .home-brands *) .btn-wall ion-label { font-size: 0.75rem; color: var(--ep-color-text-default);
}
.blue-default .order-container .segment-c ion-segment[data-v-4ff72052]:where(ion-segment, ion-segment > ion-segment-button, ion-segment > .line):where(.home-brands, .home-brands *) { --background: #131826;
}
.blue-default .order-container .segment-c ion-segment[data-v-4ff72052]:where(ion-segment, ion-segment > ion-segment-button, ion-segment > .line):where(.home-brands, .home-brands *) .btn-wall { margin: 0; gap: 0.125rem;
}
.blue-default .order-container .segment-c ion-segment[data-v-4ff72052]:where(ion-segment, ion-segment > ion-segment-button, ion-segment > .line):where(.home-brands, .home-brands *) .btn-wall ion-label { font-size: 0.75rem; color: var(--ep-color-text-default);
}
ion-segment-button:where(ion-segment-button, .btn-wall).init-segment[data-v-4ff72052]:where(.home-brands, .home-brands *) { 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-4ff72052]:where(ion-segment-button, .btn-wall):first-child:where(.home-brands, .home-brands *) { margin-left: auto;
}
ion-segment-button[data-v-4ff72052]:where(ion-segment-button, .btn-wall):last-of-type:where(.home-brands, .home-brands *) { margin-right: auto;
}
ion-segment-button:where(ion-segment-button, .btn-wall).layout28[data-v-4ff72052]:first-child:where(.home-brands, .home-brands *) { margin-left: unset;
}
.layout28.wrapper .column ion-segment ion-segment-button:where(ion-segment-button, .btn-wall).POPULAR[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none;
}
.layout28.wrapper ion-segment ion-segment-button:where(ion-segment-button, .btn-wall).layout11.POPULAR[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none;
}
html :where(.line).layout1.line[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-checked-1-index :where(.line).layout1.line[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 0.5rem; height: var(--height, 0.125rem); background: var(--ep-color-icon-selected, #94ff7f); position: absolute; bottom: 0.0938rem; left: 0; z-index: 10; transition: transform 0.3s ease-in-out; box-shadow: var(--box-shadow, 0 0 0.25rem 0 var(--ep-color-icon-selected, #94ff7f)); border-radius: 0.125rem;
}
html :where(.btn-wall, .btn-wall *).layout1.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 3.75rem; display: flex; flex-direction: column; align-items: center; padding: 0 0.1875rem 0.5rem;
}
html .layout1.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .layout1.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 2.25rem; height: 2.25rem; font-size: 2.25rem; opacity: 0.6;
}
html .layout1.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 700% 100%;
}
html .layout1.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: flex; align-items: center; justify-content: center;
}
html .layout1.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none;
}
html .layout1.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { font-size: var(--ep-font-size-xs, 0.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 :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .active .layout1.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { opacity: 1;
}
html .active .layout1.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { font-weight: 600; color: var(--ep-color-text-default, #ffffff);
}
html :where(.btn-wall, .btn-wall *).layout2.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 3.75rem; display: flex; flex-direction: column; align-items: center; padding: 0 0.1875rem 0.5rem;
}
html .layout2.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .layout2.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 2.25rem; height: 2.25rem; font-size: 2.25rem; opacity: 0.6;
}
html .layout2.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 800% 500%;
}
html .layout2.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: flex; align-items: center; justify-content: center;
}
html .layout2.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none;
}
html .layout2.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { font-size: var(--ep-font-size-xs, 0.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 :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .active .layout2.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { opacity: 1;
}
html .active .layout2.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { font-weight: 600; color: var(--ep-color-text-default, #ffffff);
}
html :where(.btn-wall, .btn-wall *).layout3.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 4.125rem; display: flex; flex-direction: column; align-items: center; border-radius: 0.375rem; border: 0.0625rem solid #4c4943;
}
html .layout3.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .layout3.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 3.125rem; height: 3.125rem; font-size: 3.125rem;
}
html .layout3.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 800% 500%;
}
html .layout3.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: flex; align-items: center; justify-content: center;
}
html .layout3.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none;
}
html .layout3.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { font-size: var(--ep-font-size-s, 0.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 :where(.btn-wall, .btn-wall *).layout3.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: linear-gradient(180deg, #38342e 4.76%, #24221f);
}
html .active .layout3.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .active .layout3.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { opacity: 1;
}
html .active .layout3.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default, #ffffff);
}
html :where(.btn-wall, .btn-wall *).layout4.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 4.125rem; display: flex; flex-direction: column; align-items: center; border-radius: 0.375rem; border: 0.0625rem solid #4c4943;
}
html .layout4.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .layout4.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 3.125rem; height: 3.125rem; font-size: 3.125rem;
}
html .layout4.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 700% 100%;
}
html .layout4.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: flex; align-items: center; justify-content: center;
}
html .layout4.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none;
}
html .layout4.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { font-size: var(--ep-font-size-s, 0.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 :where(.btn-wall, .btn-wall *).layout4.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: linear-gradient(180deg, #38342e 4.76%, #24221f);
}
html .active .layout4.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .active .layout4.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { opacity: 1;
}
html .active .layout4.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default, #ffffff);
}
html :where(.btn-wall, .btn-wall *).layout5.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { margin: 0.0625rem; min-width: 3.375rem; display: flex; flex-direction: column; align-items: center; border-radius: 0.25rem; padding-bottom: 0.375rem; position: relative; background: radial-gradient(88.81% 88.81% at 10.61% -7.95%, #254112, #254112);
}
html .layout5.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none; position: absolute; top: 0.375rem; left: 0.3125rem; z-index: 10; width: 0.375rem; height: 0.125rem; border-radius: 0.125rem; box-shadow: 0 0 0.25rem #94ff7f; background: #94ff7f;
}
html .layout5.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .layout5.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { filter: grayscale(1); width: 2.875rem; height: 2.875rem; font-size: 2.875rem;
}
html .layout5.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 800% 500%;
}
html .layout5.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: flex; align-items: center; justify-content: center;
}
html .layout5.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { font-size: var(--ep-font-size-xs, 0.625rem); color: var(--ep-color-text-default-secondary, #7e9071);
}
html .layout5.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { margin-top: 0.125rem; font-size: var(--ep-font-size-xs, 0.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 :where(.btn-wall, .btn-wall *).layout5.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: radial-gradient(88.81% 88.81% at 10.61% -7.95%, #5e7c24, #254112); outline: 0.0625rem solid #34571d;
}
html .active .layout5.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block;
}
html .active .layout5.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .active .layout5.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { filter: none;
}
html .active .layout5.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .active .layout5.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default, #7e9071);
}
html :where(.btn-wall, .btn-wall *).layout6.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { margin: 0.0625rem; min-width: 3.375rem; display: flex; flex-direction: column; align-items: center; border-radius: 0.25rem; padding-bottom: 0.375rem; position: relative; background: radial-gradient(88.81% 88.81% at 10.61% -7.95%, #254112, #254112);
}
html .layout6.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none; position: absolute; top: 0.375rem; left: 0.3125rem; z-index: 10; width: 0.375rem; height: 0.125rem; border-radius: 0.125rem; box-shadow: 0 0 0.25rem #94ff7f; background: #94ff7f;
}
html .layout6.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .layout6.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { filter: grayscale(1); width: 2.875rem; height: 2.875rem; font-size: 2.875rem;
}
html .layout6.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 700% 100%;
}
html .layout6.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: flex; align-items: center; justify-content: center;
}
html .layout6.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none; font-size: var(--ep-font-size-xs, 0.625rem); color: var(--ep-color-text-default-secondary, #7e9071);
}
html .layout6.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { margin-top: 0.125rem; font-size: var(--ep-font-size-xs, 0.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 :where(.btn-wall, .btn-wall *).layout6.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: radial-gradient(88.81% 88.81% at 10.61% -7.95%, #5e7c24, #254112); outline: 0.0625rem solid #34571d;
}
html .active .layout6.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block;
}
html .active .layout6.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .active .layout6.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { filter: none;
}
html .active .layout6.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default, #7e9071);
}
html :where(.btn-wall, .btn-wall *).layout7.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { margin: 0.0625rem; width: 4.75rem; height: 4.75rem; padding-top: 0.625rem; display: flex; flex-direction: column; align-items: center; border-radius: 0.375rem; position: relative; background: radial-gradient(92.73% 100.4% at 10.61% -7.95%, #254112, #254112);
}
html .layout7.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none; position: absolute; top: 0.5rem; left: 0.5625rem; z-index: 10; width: 0.125rem; height: 0.375rem; border-radius: 0.125rem; box-shadow: 0 0 0.25rem #94ff7f; background: #94ff7f;
}
html .layout7.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .layout7.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 2.25rem; height: 2.25rem; font-size: 2.25rem;
}
html .layout7.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 800% 500%;
}
html .layout7.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: flex; align-items: center; justify-content: center;
}
html .layout7.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none; font-size: var(--ep-font-size-xs, 0.625rem); color: var(--ep-color-text-default-secondary, #7e9071);
}
html .layout7.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { margin-top: 0.125rem; font-size: var(--ep-font-size-s, 0.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 :where(.btn-wall, .btn-wall *).layout7.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: radial-gradient(133.68% 133% at 10.61% -7.95%, #cfc959, #646e21 47.17%, #254112); outline: 0.0625rem solid #34571d;
}
html .active .layout7.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block;
}
html .active .layout7.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .active .layout7.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { filter: none;
}
html .active .layout7.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default, #fff);
}
html :where(.btn-wall, .btn-wall *).layout8.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { margin: 0.0625rem; width: 4.75rem; height: 4.75rem; padding-top: 0.625rem; display: flex; flex-direction: column; align-items: center; border-radius: 0.375rem; position: relative; background: radial-gradient(92.73% 100.4% at 10.61% -7.95%, #254112, #254112);
}
html .layout8.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none; position: absolute; top: 0.5rem; left: 0.5625rem; z-index: 10; width: 0.125rem; height: 0.375rem; border-radius: 0.125rem; box-shadow: 0 0 0.25rem #94ff7f; background: #94ff7f;
}
html .layout8.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .layout8.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 2.25rem; height: 2.25rem; font-size: 2.25rem;
}
html .layout8.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 700% 100%;
}
html .layout8.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: flex; align-items: center; justify-content: center;
}
html .layout8.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none; font-size: var(--ep-font-size-xs, 0.625rem); color: var(--ep-color-text-default-secondary, #7e9071);
}
html .layout8.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { margin-top: 0.125rem; font-size: var(--ep-font-size-s, 0.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 :where(.btn-wall, .btn-wall *).layout8.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: radial-gradient(133.68% 133% at 10.61% -7.95%, #cfc959, #646e21 47.17%, #254112); outline: 0.0625rem solid #34571d;
}
html .active .layout8.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block;
}
html .active .layout8.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .active .layout8.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { filter: none;
}
html .active .layout8.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default, #fff);
}
html :where(.btn-wall, .btn-wall *).layout9.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 4.125rem; display: flex; flex-direction: column; align-items: center;
}
html .layout9.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .layout9.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 2.875rem; height: 2.875rem; font-size: 2.875rem;
}
html .layout9.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 700% 100%;
}
html .layout9.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: flex; align-items: center; justify-content: center;
}
html .layout9.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none;
}
html .layout9.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-regular, 400); line-height: 1.34; text-align: center; color: var(--ep-color-text-highlight-white, #ffffff);
}
html .active .layout9.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .active .layout9.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { opacity: 1;
}
html .active .layout9.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-highlight-white, #ffffff);
}
html :where(.btn-wall, .btn-wall *).layout10.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 4.125rem; display: flex; flex-direction: column; align-items: center; background-size: 100% 100%;
}
html .layout10.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .layout10.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 2.625rem; height: 2.625rem; font-size: 2.625rem;
}
html .layout10.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 700% 100%;
}
html .layout10.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: flex; align-items: center; justify-content: center;
}
html .layout10.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none;
}
html .layout10.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { font-size: var(--ep-font-size-s, 0.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 :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .active .layout10.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { opacity: 1;
}
html .active .layout10.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default, #ffffff);
}
html :where(.btn-wall, .btn-wall *).layout11.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 3.25rem; height: 2.2 5rem; display: flex; flex-direction: column; align-items: center; border-radius: 0.375rem; position: relative; background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout11.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none; position: absolute; top: 0.5rem; left: 0.5625rem; z-index: 10; width: 0.125rem; height: 0.375rem; border-radius: 0.125rem; box-shadow: 0 0 0.25rem #94ff7f; background: #94ff7f;
}
html .layout11.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .layout11.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 2.25rem; height: 2.25rem; font-size: 2.25rem;
}
html .layout11.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 700% 100%;
}
html .layout11.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: none; align-items: center; justify-content: center;
}
html .layout11.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none; font-size: var(--ep-font-size-xs, 0.625rem); color: var(--ep-color-text-default-secondary, #7e9071);
}
html .layout11.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { margin-top: 0.125rem; font-size: var(--ep-font-size-s, 0.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 .layout11.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none;
}
html .active .layout11.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .active .layout11.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { filter: none; opacity: 1;
}
html .active .layout11.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default, #fff);
}
html :where(.btn-wall, .btn-wall *).layout24.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { gap: 0.0625rem; width: 4.375rem; display: flex; flex-direction: column; align-items: center; position: relative; justify-content: space-between; padding-block: 0.1875rem;
}
html .layout24.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { position: absolute; z-index: -1; width: 2.75rem; height: 2.75rem; border-radius: 50%;
}
html .layout24.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .layout24.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 2rem; height: 2rem; font-size: 2rem;
}
html .layout24.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 700% 100%; position: relative;
}
html .layout24.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 99rem;
}
html .layout24.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none;
}
html .layout24.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-regular, 400); line-height: 1.5; text-align: center; color: var(--ep-color-text-weak, #ffffff99);
}
html :where(.btn-wall, .btn-wall *).layout28.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 3.25rem; height: 2.2 5rem; display: flex; flex-direction: column; align-items: center; border-radius: 0.375rem; position: relative; background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout28.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none;
}
html .layout28.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .layout28.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 2.25rem; height: 2.25rem; font-size: 2.25rem;
}
html .layout28.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; opacity: 0.6; background-size: 800% 500%;
}
html .layout28.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: none; align-items: center; justify-content: center;
}
html .layout28.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none; font-size: var(--ep-font-size-xs, 0.625rem); color: var(--ep-color-text-default-secondary, #7e9071);
}
html .layout28.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { margin-top: 0.125rem; font-size: var(--ep-font-size-s, 0.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 :where(.btn-wall, .btn-wall *).layout28.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: linear-gradient(180deg, var(--ep-inverse-inverse-500) 0%, var(--ep-color-background-fill-active-primary) 52.88%, var(--ep-inverse-inverse-500) 100%);
}
html .active .layout28.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none;
}
html .active .layout28.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .active .layout28.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { filter: none; opacity: 1;
}
html .active .layout28.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default, #fff);
}
html :where(.btn-wall, .btn-wall *).layout30.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { gap: 0.5rem; width: 3.75rem; height: 4rem; display: flex; flex-direction: column; align-items: center; position: relative; justify-content: space-between;
}
html .layout30.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { position: absolute; z-index: -1; width: 2.75rem; height: 2.75rem; border-radius: 50%; background: var(--ep-color-background-fill-surface-raised-L2); border: 5px solid var(--ep-color-border-brand);
}
html .layout30.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), html .layout30.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { margin-top: 0.5rem; width: 1.875rem; height: 1.875rem; font-size: 1.875rem;
}
html .layout30.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 700% 100%; position: relative;
}
html .layout30.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 99rem; background: var(--ep-color-background-fill-surface-raised-L2);
}
html .layout30.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none;
}
html .layout30.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-regular, 400); line-height: 1.5; text-align: center; color: var(--ep-color-text-weak, #ffffff99);
}
.forest-green :where(.btn-wall, .btn-wall *).layout5.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: linear-gradient(90deg, #00694a, #00815d, #00694a);
}
.forest-green .layout5.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { box-shadow: 0 0 0.25rem #94ff7f; background: #94ff7f;
}
.forest-green .layout5.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), .forest-green .layout5.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default-secondary, #7e9071);
}
.forest-green .active :where(.btn-wall, .btn-wall *).layout5.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: linear-gradient(90deg, #ffe700, #fb0 96%); outline: 0.0625rem solid #34571d; margin: 0.0625rem !important;
}
.forest-green .active .layout5.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), .forest-green .active .layout5.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default, #183009);
}
.forest-green :where(.btn-wall, .btn-wall *).layout7.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: linear-gradient(90deg, #00694a, #00815d, #00694a);
}
.forest-green .layout7.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { box-shadow: 0 0 0.25rem #94ff7f; background: #94ff7f;
}
.forest-green .layout7.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), .forest-green .layout7.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default-secondary, #fff);
}
.forest-green .active :where(.btn-wall, .btn-wall *).layout7.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: linear-gradient(90deg, #ffe700, #fb0 96%); outline: 0.0625rem solid #34571d;
}
.forest-green .active .layout7.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default, #183009);
}
.forest-green .layout5.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), .forest-green .layout5.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { filter: none;
}
.blue-default :where(.btn-wall, .btn-wall *).layout5.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.06));
}
.blue-default .layout5.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { box-shadow: 0 0 0.25rem #b7c9ff; background: #b7c9ff;
}
.blue-default .layout5.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), .blue-default .layout5.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default-secondary, #e5e7eb);
}
.blue-default .active :where(.btn-wall, .btn-wall *).layout5.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.06)), radial-gradient(92.73% 100.4% at 10.61% -7.95%, #5b6da2, #1b233b); outline: 0.0625rem solid transparent; margin: 0.0625rem !important;
}
.blue-default .active .layout5.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), .blue-default .active .layout5.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default, #e5e7eb);
}
.blue-default :where(.btn-wall, .btn-wall *).layout6.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.06));
}
.blue-default .layout6.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { box-shadow: 0 0 0.25rem #b7c9ff; background: #b7c9ff;
}
.blue-default .layout6.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), .blue-default .layout6.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default-secondary, #e5e7eb);
}
.blue-default .active :where(.btn-wall, .btn-wall *).layout6.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.06)), radial-gradient(92.73% 100.4% at 10.61% -7.95%, #5b6da2, #1b233b); outline: 0.0625rem solid transparent;
}
.blue-default .active .layout6.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default, #e5e7eb);
}
.blue-default .layout5.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *), .blue-default .layout6.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { opacity: 0.6;
}
.blue-default .active :where(.btn-wall, .btn-wall *).layout5.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *):before { content: ''; position: absolute; top: -0.0625rem; left: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; background: linear-gradient(to right, #2173c0, #75fffa, #2173c0); z-index: -1; border-radius: 0.2594rem;
}
.amber-purple :where(.btn-wall, .btn-wall *).layout5.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: #3c3467;
}
.amber-purple .layout5.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { box-shadow: 0 0 0.25rem #b7c9ff; background: #b7c9ff;
}
.amber-purple .layout5.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), .amber-purple .layout5.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default-secondary, #bdb8e1);
}
.amber-purple .active :where(.btn-wall, .btn-wall *).layout5.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: radial-gradient(108% 100.4% at 10.61% -7.95%, #a779ae, #262346); outline: 0.0625rem solid transparent; margin: 0.0625rem !important;
}
.amber-purple .active .layout5.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), .amber-purple .active .layout5.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default, #bdb8e1);
}
.amber-purple :where(.btn-wall, .btn-wall *).layout6.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: #3c3467;
}
.amber-purple .layout6.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { box-shadow: 0 0 0.25rem #b7c9ff; background: #b7c9ff;
}
.amber-purple .layout6.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), .amber-purple .layout6.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default-secondary, #bdb8e1);
}
.amber-purple .active :where(.btn-wall, .btn-wall *).layout6.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: radial-gradient(108% 100.4% at 10.61% -7.95%, #a779ae, #262346); outline: 0.0625rem solid transparent;
}
.amber-purple .active .layout6.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default, #bdb8e1);
}
.amber-purple .active :where(.btn-wall, .btn-wall *).layout5.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *):before, .amber-purple .active :where(.btn-wall, .btn-wall *).layout6.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *):before { content: ''; position: absolute; top: -0.0625rem; left: -0.0625rem; right: -0.0625rem; bottom: -0.0625rem; background: radial-gradient(circle at 0% 0%, #f5c84c, #7041f3); z-index: -1; border-radius: 0.2594rem;
}
.amber-purple .layout5.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), .amber-purple .layout5.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { filter: saturate(0) brightness(1.2);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index :where(.btn-wall, .btn-wall *).layout1.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 3.75rem; display: flex; flex-direction: column; align-items: center; padding: 0 0.1875rem 0.5rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout1.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout1.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 2.25rem; height: 2.25rem; font-size: 2.25rem; opacity: 0.6;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout1.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 700% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout1.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: flex; align-items: center; justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout1.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout1.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { font-size: var(--ep-font-size-xs, 0.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 :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout1.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { opacity: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout1.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { font-weight: 600; color: var(--ep-color-text-default, #ffffff);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index :where(.btn-wall, .btn-wall *).layout2.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 3.75rem; display: flex; flex-direction: column; align-items: center; padding: 0 0.1875rem 0.5rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout2.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout2.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 2.25rem; height: 2.25rem; font-size: 2.25rem; opacity: 0.6;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout2.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 800% 500%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout2.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: flex; align-items: center; justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout2.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout2.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { font-size: var(--ep-font-size-xs, 0.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 :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout2.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { opacity: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout2.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { font-weight: 600; color: var(--ep-color-text-default, #ffffff);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index :where(.btn-wall, .btn-wall *).layout3.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 4.125rem; display: flex; flex-direction: column; align-items: center; border-radius: 0.375rem; border: 0.0625rem solid #4c4943;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout3.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout3.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 3.125rem; height: 3.125rem; font-size: 3.125rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout3.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 800% 500%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout3.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: flex; align-items: center; justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout3.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout3.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { font-size: var(--ep-font-size-s, 0.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 :where(.btn-wall, .btn-wall *).layout3.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: linear-gradient(180deg, #38342e 4.76%, #24221f);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout3.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout3.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { opacity: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout3.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default, #ffffff);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index :where(.btn-wall, .btn-wall *).layout4.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 4.125rem; display: flex; flex-direction: column; align-items: center; border-radius: 0.375rem; border: 0.0625rem solid #4c4943;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout4.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout4.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 3.125rem; height: 3.125rem; font-size: 3.125rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout4.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 700% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout4.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: flex; align-items: center; justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout4.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout4.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { font-size: var(--ep-font-size-s, 0.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 :where(.btn-wall, .btn-wall *).layout4.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: linear-gradient(180deg, #38342e 4.76%, #24221f);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout4.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout4.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { opacity: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout4.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default, #ffffff);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index :where(.btn-wall, .btn-wall *).layout5.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { margin: 0.0625rem; min-width: 3.375rem; display: flex; flex-direction: column; align-items: center; border-radius: 0.25rem; padding-bottom: 0.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 :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none; position: absolute; top: 0.375rem; left: 0.3125rem; z-index: 10; width: 0.375rem; height: 0.125rem; border-radius: 0.125rem; box-shadow: 0 0 0.25rem #94ff7f; background: #94ff7f;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout5.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout5.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { 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 :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 800% 500%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout5.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: flex; align-items: center; justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout5.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { font-size: var(--ep-font-size-xs, 0.625rem); color: var(--ep-color-text-default-secondary, #7e9071);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout5.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { margin-top: 0.125rem; font-size: var(--ep-font-size-xs, 0.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 :where(.btn-wall, .btn-wall *).layout5.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: radial-gradient(88.81% 88.81% at 10.61% -7.95%, #5e7c24, #254112); outline: 0.0625rem solid #34571d;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout5.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout5.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout5.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { filter: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout5.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout5.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default, #7e9071);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index :where(.btn-wall, .btn-wall *).layout6.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { margin: 0.0625rem; min-width: 3.375rem; display: flex; flex-direction: column; align-items: center; border-radius: 0.25rem; padding-bottom: 0.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 :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none; position: absolute; top: 0.375rem; left: 0.3125rem; z-index: 10; width: 0.375rem; height: 0.125rem; border-radius: 0.125rem; box-shadow: 0 0 0.25rem #94ff7f; background: #94ff7f;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout6.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout6.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { 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 :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 700% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout6.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: flex; align-items: center; justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout6.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none; font-size: var(--ep-font-size-xs, 0.625rem); color: var(--ep-color-text-default-secondary, #7e9071);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout6.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { margin-top: 0.125rem; font-size: var(--ep-font-size-xs, 0.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 :where(.btn-wall, .btn-wall *).layout6.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: radial-gradient(88.81% 88.81% at 10.61% -7.95%, #5e7c24, #254112); outline: 0.0625rem solid #34571d;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout6.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout6.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout6.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { filter: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout6.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default, #7e9071);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index :where(.btn-wall, .btn-wall *).layout7.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { margin: 0.0625rem; width: 4.75rem; height: 4.75rem; padding-top: 0.625rem; display: flex; flex-direction: column; align-items: center; border-radius: 0.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 :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none; position: absolute; top: 0.5rem; left: 0.5625rem; z-index: 10; width: 0.125rem; height: 0.375rem; border-radius: 0.125rem; box-shadow: 0 0 0.25rem #94ff7f; background: #94ff7f;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout7.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout7.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 2.25rem; height: 2.25rem; font-size: 2.25rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout7.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 800% 500%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout7.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: flex; align-items: center; justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout7.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none; font-size: var(--ep-font-size-xs, 0.625rem); color: var(--ep-color-text-default-secondary, #7e9071);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout7.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { margin-top: 0.125rem; font-size: var(--ep-font-size-s, 0.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 :where(.btn-wall, .btn-wall *).layout7.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: radial-gradient(133.68% 133% at 10.61% -7.95%, #cfc959, #646e21 47.17%, #254112); outline: 0.0625rem solid #34571d;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout7.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout7.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout7.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { filter: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout7.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default, #fff);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index :where(.btn-wall, .btn-wall *).layout8.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { margin: 0.0625rem; width: 4.75rem; height: 4.75rem; padding-top: 0.625rem; display: flex; flex-direction: column; align-items: center; border-radius: 0.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 :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none; position: absolute; top: 0.5rem; left: 0.5625rem; z-index: 10; width: 0.125rem; height: 0.375rem; border-radius: 0.125rem; box-shadow: 0 0 0.25rem #94ff7f; background: #94ff7f;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout8.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout8.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 2.25rem; height: 2.25rem; font-size: 2.25rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout8.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 700% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout8.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: flex; align-items: center; justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout8.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none; font-size: var(--ep-font-size-xs, 0.625rem); color: var(--ep-color-text-default-secondary, #7e9071);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout8.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { margin-top: 0.125rem; font-size: var(--ep-font-size-s, 0.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 :where(.btn-wall, .btn-wall *).layout8.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: radial-gradient(133.68% 133% at 10.61% -7.95%, #cfc959, #646e21 47.17%, #254112); outline: 0.0625rem solid #34571d;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout8.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout8.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout8.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { filter: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout8.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default, #fff);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index :where(.btn-wall, .btn-wall *).layout9.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 4.125rem; display: flex; flex-direction: column; align-items: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout9.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout9.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 2.875rem; height: 2.875rem; font-size: 2.875rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout9.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 700% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout9.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: flex; align-items: center; justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout9.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout9.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-regular, 400); line-height: 1.34; text-align: center; color: var(--ep-color-text-highlight-white, #ffffff);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout9.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout9.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { opacity: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout9.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-highlight-white, #ffffff);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index :where(.btn-wall, .btn-wall *).layout10.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 4.125rem; display: flex; flex-direction: column; align-items: center; background-size: 100% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout10.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout10.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 2.625rem; height: 2.625rem; font-size: 2.625rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout10.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 700% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout10.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: flex; align-items: center; justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout10.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout10.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { font-size: var(--ep-font-size-s, 0.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 :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout10.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { opacity: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout10.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default, #ffffff);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index :where(.btn-wall, .btn-wall *).layout11.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 3.25rem; height: 2.2 5rem; display: flex; flex-direction: column; align-items: center; border-radius: 0.375rem; position: relative; background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout11.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none; position: absolute; top: 0.5rem; left: 0.5625rem; z-index: 10; width: 0.125rem; height: 0.375rem; border-radius: 0.125rem; box-shadow: 0 0 0.25rem #94ff7f; background: #94ff7f;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout11.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout11.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 2.25rem; height: 2.25rem; font-size: 2.25rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout11.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 700% 100%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout11.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: none; align-items: center; justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout11.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none; font-size: var(--ep-font-size-xs, 0.625rem); color: var(--ep-color-text-default-secondary, #7e9071);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout11.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { margin-top: 0.125rem; font-size: var(--ep-font-size-s, 0.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 .layout11.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout11.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout11.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { filter: none; opacity: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout11.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default, #fff);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index :where(.btn-wall, .btn-wall *).layout24.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { gap: 0.0625rem; width: 4.375rem; display: flex; flex-direction: column; align-items: center; position: relative; justify-content: space-between; padding-block: 0.1875rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout24.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { position: absolute; z-index: -1; width: 2.75rem; height: 2.75rem; border-radius: 50%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout24.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout24.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 2rem; height: 2rem; font-size: 2rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout24.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 700% 100%; position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout24.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 99rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout24.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout24.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-regular, 400); line-height: 1.5; text-align: center; color: var(--ep-color-text-weak, #ffffff99);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index :where(.btn-wall, .btn-wall *).layout28.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 3.25rem; height: 2.2 5rem; display: flex; flex-direction: column; align-items: center; border-radius: 0.375rem; position: relative; background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout28.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout28.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout28.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 2.25rem; height: 2.25rem; font-size: 2.25rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout28.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; opacity: 0.6; background-size: 800% 500%;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout28.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: none; align-items: center; justify-content: center;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout28.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none; font-size: var(--ep-font-size-xs, 0.625rem); color: var(--ep-color-text-default-secondary, #7e9071);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout28.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { margin-top: 0.125rem; font-size: var(--ep-font-size-s, 0.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 :where(.btn-wall, .btn-wall *).layout28.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { background: linear-gradient(180deg, var(--ep-inverse-inverse-500) 0%, var(--ep-color-background-fill-active-primary) 52.88%, var(--ep-inverse-inverse-500) 100%);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout28.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout28.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout28.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { filter: none; opacity: 1;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .active .layout28.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { color: var(--ep-color-text-default, #fff);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index :where(.btn-wall, .btn-wall *).layout30.btn-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { gap: 0.5rem; width: 3.75rem; height: 4rem; display: flex; flex-direction: column; align-items: center; position: relative; justify-content: space-between;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout30.btn-wall :where(.btn-wall, .btn-wall *).bug[data-v-4ff72052]:where(.home-brands, .home-brands *) { position: absolute; z-index: -1; width: 2.75rem; height: 2.75rem; border-radius: 50%; background: var(--ep-color-background-fill-surface-raised-L2); border: 5px solid var(--ep-color-border-brand);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout30.btn-wall :where(.btn-wall, .btn-wall *).type-icon[data-v-4ff72052]:where(.home-brands, .home-brands *), #tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout30.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { margin-top: 0.5rem; width: 1.875rem; height: 1.875rem; font-size: 1.875rem;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout30.btn-wall :where(.btn-wall, .btn-wall *).type-img[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: block; background-size: 700% 100%; position: relative;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout30.btn-wall :where(.btn-wall, .btn-wall *).label-wall[data-v-4ff72052]:where(.home-brands, .home-brands *) { width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 99rem; background: var(--ep-color-background-fill-surface-raised-L2);
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout30.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label-icon[data-v-4ff72052]:where(.home-brands, .home-brands *) { display: none;
}
#tabbar-tabs-inicio-components-Segment-components-nav-2-index .layout30.btn-wall .label-wall :where(.btn-wall, .btn-wall *).label[data-v-4ff72052]:where(.home-brands, .home-brands *) { font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-regular, 400); line-height: 1.5; text-align: center; color: var(--ep-color-text-weak, #ffffff99);
}

    /* 消息跑马灯与邮件角标：基础样式。 */
:where(.marquee, .marquee *).marquee[data-v-2d47e19c] { width: 100%; overflow: hidden;
}
:where(.marquee, .marquee *).marquee__content[data-v-2d47e19c] { width: max-content; display: flex; animation: marquee-2d47e19c var(--animation-duration) linear infinite;
}
:where(.marquee, .marquee *).marquee__item[data-v-2d47e19c] { white-space: nowrap; margin-right: 24.375rem;
}
@keyframes marquee-2d47e19c {
0% { transform: translate3d(24.375rem, 0, 0);
}
to { transform: translate3d(calc(24.375rem - 100%), 0, 0);
}
}

    /* 消息跑马灯与邮件角标：主题样式。 */
.blue-default :where(:not(.marquee *)).tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-2d47e19c] { position: relative; display: flex; align-items: center; margin-block: 0.75rem; margin-inline: 0.9375rem; height: 1.5rem; border-radius: 0.25rem; background: #131826;
}
.blue-default :where(:not(.marquee *)).tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-2d47e19c]:before { content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 2.5rem; height: 100%; border-radius: 0.25rem 0 0 0.25rem; background: linear-gradient(90deg, #131826 46.36%, rgba(28, 35, 52, 0));
}
.blue-default :where(:not(.marquee *)).tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-2d47e19c]:after { content: ''; position: absolute; top: 0; right: 0; z-index: 2; width: 2.5rem; height: 100%; border-radius: 0 0.25rem 0.25rem 0; background: linear-gradient(270deg, #131826 46.36%, rgba(28, 35, 52, 0));
}
.blue-default .tabbar-tabs-inicio-components-MarqueeView-default-index :where(:not(.marquee *)).megaphone[data-v-2d47e19c] { z-index: 4; font-size: 1.25rem; padding-inline-start: 0.5rem; padding-inline-end: 0.3rem; color: #fff;
}
.blue-default .tabbar-tabs-inicio-components-MarqueeView-default-index :where(:not(.marquee *)).label[data-v-2d47e19c] { z-index: 0; color: #fff;
}
.blue-default .tabbar-tabs-inicio-components-MarqueeView-default-index :where(:not(.marquee *)).badge[data-v-2d47e19c] { z-index: 4; position: relative; padding-inline-end: 0.25rem;
}
.blue-default .tabbar-tabs-inicio-components-MarqueeView-default-index .badge ion-icon[data-v-2d47e19c]:where(:not(.marquee *)) { font-size: 1.25rem; vertical-align: sub; color: #38a8fa;
}
.blue-default .tabbar-tabs-inicio-components-MarqueeView-default-index .badge :where(:not(.marquee *)).dot[data-v-2d47e19c] { position: absolute; top: 0; right: 0; transform: translate(-60%); width: 0.75rem; height: 0.75rem; font-size: 0.5625rem; line-height: 0.75rem; border-radius: 50%; color: #fff; background-color: red; text-align: center;
}
.blue-default .v01 :where(:not(.marquee *)).tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-2d47e19c] { position: relative; display: flex; align-items: center; margin-block: 0.75rem; margin-inline: 0.9375rem; height: 1.5rem; border-radius: 0.25rem; background: #101629;
}
.blue-default .v01 :where(:not(.marquee *)).tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-2d47e19c]:before { content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 2.5rem; height: 100%; border-radius: 0.25rem 0 0 0.25rem; background: linear-gradient(90deg, #131826 46.36%, rgba(28, 35, 52, 0));
}
.blue-default .v01 :where(:not(.marquee *)).tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-2d47e19c]:after { content: ''; position: absolute; top: 0; right: 0; z-index: 2; width: 2.5rem; height: 100%; border-radius: 0 0.25rem 0.25rem 0; background: linear-gradient(270deg, #131826 46.36%, rgba(28, 35, 52, 0));
}
.blue-default .v01 .tabbar-tabs-inicio-components-MarqueeView-default-index :where(:not(.marquee *)).megaphone[data-v-2d47e19c] { z-index: 4; font-size: 1.25rem; padding-inline-start: 0.5rem; padding-inline-end: 0.3rem; color: #bebebe;
}
.blue-default .v01 .tabbar-tabs-inicio-components-MarqueeView-default-index :where(:not(.marquee *)).label[data-v-2d47e19c] { z-index: 0; color: #899fbe;
}
.blue-default .v01 .tabbar-tabs-inicio-components-MarqueeView-default-index :where(:not(.marquee *)).badge[data-v-2d47e19c] { z-index: 4; position: relative; padding-inline-end: 0.25rem;
}
.blue-default .v01 .tabbar-tabs-inicio-components-MarqueeView-default-index .badge ion-icon[data-v-2d47e19c]:where(:not(.marquee *)) { font-size: 1.25rem; vertical-align: sub; color: #38a8fa;
}
.blue-default .v01 .tabbar-tabs-inicio-components-MarqueeView-default-index .badge :where(:not(.marquee *)).dot[data-v-2d47e19c] { position: absolute; top: 0; right: 0; transform: translate(-60%); width: 0.75rem; height: 0.75rem; font-size: 0.5625rem; line-height: 0.75rem; border-radius: 50%; color: #fff; background-color: red; text-align: center;
}
.green-default :where(:not(.marquee *)).tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-2d47e19c] { position: relative; display: flex; align-items: center; margin-block: 0.75rem; margin-inline: 0.9375rem; height: 1.5rem; border-radius: 0.25rem; background: #366718;
}
.green-default :where(:not(.marquee *)).tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-2d47e19c]:before { content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 2.5rem; height: 100%; border-radius: 0.25rem 0 0 0.25rem; background: linear-gradient(90deg, #2d5714 46.36%, rgba(54, 103, 24, 0.4));
}
.green-default :where(:not(.marquee *)).tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-2d47e19c]:after { content: ''; position: absolute; top: 0; right: 0; z-index: 2; width: 2.5rem; height: 100%; border-radius: 0 0.25rem 0.25rem 0; background: linear-gradient(270deg, #2d5714 46.36%, rgba(54, 103, 24, 0.4));
}
.green-default .tabbar-tabs-inicio-components-MarqueeView-default-index :where(:not(.marquee *)).megaphone[data-v-2d47e19c] { z-index: 4; font-size: 1.25rem; padding-inline-start: 0.5rem; padding-inline-end: 0.3rem; color: #afc69f;
}
.green-default .tabbar-tabs-inicio-components-MarqueeView-default-index :where(:not(.marquee *)).label[data-v-2d47e19c] { z-index: 0; color: #afc69f;
}
.green-default .tabbar-tabs-inicio-components-MarqueeView-default-index :where(:not(.marquee *)).badge[data-v-2d47e19c] { z-index: 4; position: relative; padding-inline-end: 0.25rem;
}
.green-default .tabbar-tabs-inicio-components-MarqueeView-default-index .badge ion-icon[data-v-2d47e19c]:where(:not(.marquee *)) { font-size: 1.25rem; vertical-align: sub; color: #fff;
}
.green-default .tabbar-tabs-inicio-components-MarqueeView-default-index .badge :where(:not(.marquee *)).dot[data-v-2d47e19c] { position: absolute; top: 0; right: 0; transform: translate(-60%); width: 0.75rem; height: 0.75rem; font-size: 0.5625rem; line-height: 0.75rem; border-radius: 50%; color: #fff; background-color: red; text-align: center;
}
.amber-purple :where(:not(.marquee *)).tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-2d47e19c] { position: relative; display: flex; align-items: center; margin-block: 0.75rem; margin-inline: 0.9375rem; height: 1.5rem; border-radius: 0.25rem; background: #2c294d;
}
.amber-purple :where(:not(.marquee *)).tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-2d47e19c]:before { content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 2.5rem; height: 100%; border-radius: 0.25rem 0 0 0.25rem; background: linear-gradient(90deg, #201d3b 46.36%, rgba(44, 41, 77, 0.4));
}
.amber-purple :where(:not(.marquee *)).tabbar-tabs-inicio-components-MarqueeView-default-index[data-v-2d47e19c]:after { content: ''; position: absolute; top: 0; right: 0; z-index: 2; width: 2.5rem; height: 100%; border-radius: 0 0.25rem 0.25rem 0; background: linear-gradient(270deg, #201d3b 46.36%, rgba(44, 41, 77, 0.4));
}
.amber-purple .tabbar-tabs-inicio-components-MarqueeView-default-index :where(:not(.marquee *)).megaphone[data-v-2d47e19c] { z-index: 4; font-size: 1.25rem; padding-inline-start: 0.5rem; padding-inline-end: 0.3rem; color: #bdb8e1;
}
.amber-purple .tabbar-tabs-inicio-components-MarqueeView-default-index :where(:not(.marquee *)).label[data-v-2d47e19c] { z-index: 0; color: #bdb8e1;
}
.amber-purple .tabbar-tabs-inicio-components-MarqueeView-default-index :where(:not(.marquee *)).badge[data-v-2d47e19c] { z-index: 4; position: relative; padding-inline-end: 0.25rem;
}
.amber-purple .tabbar-tabs-inicio-components-MarqueeView-default-index .badge ion-icon[data-v-2d47e19c]:where(:not(.marquee *)) { font-size: 1.25rem; vertical-align: sub; color: #fff;
}
.amber-purple .tabbar-tabs-inicio-components-MarqueeView-default-index .badge :where(:not(.marquee *)).dot[data-v-2d47e19c] { position: absolute; top: 0; right: 0; transform: translate(-60%); width: 0.75rem; height: 0.75rem; font-size: 0.5625rem; line-height: 0.75rem; border-radius: 50%; color: #fff; background-color: red; text-align: center;
}

    /* 顶部推广轮播：基础样式。 */
div[data-v-25646301]:where(.swiper-poster) .swiper .swiper-pagination { position: relative; bottom: 0;
}
div[data-v-25646301]:where(.swiper-poster) .swiper .swiper-pagination .swiper-pagination-bullet { width: 0.5rem; height: 0.25rem; border-radius: 0.125rem; background: var(--color-swiper-pagination);
}
div[data-v-25646301]:where(.swiper-poster) .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 1.25rem; background: var(--color-primary-btn-active) !important;
}
div[data-v-25646301]:where(.swiper-poster) .swiper .swiper-pagination { display: none;
}
.swiper-poster[data-v-25646301] { overflow: hidden; border-radius: 0.625rem; height: 7.5rem;
}
.swiper-poster .poster-img[data-v-25646301] { object-fit: cover; object-position: left top; width: 100%; height: 100%;
}
.swiper-poster.layout26 .poster-img[data-v-25646301] { object-fit: fill;
}
:where(.swiper-poster) .swiper[data-v-25646301] { height: 100%;
}
.theme-27 .poster-img[data-v-25646301] { border-radius: var(--ep-border-radius-surface-small, 0.75rem);
}

    /* 源站按钮动画：展开时旋转 180 度，收起时复位，过渡时长 0.3 秒。 */
.menu-btn[data-v-3d431459] { padding-inline: 0.75rem;
}
ion-buttons ion-icon[data-v-3d431459] { transition: all 0.3s;
}
.menu-scaleX[data-v-3d431459] { transform: rotate(180deg);
}
.menu-bar[data-v-3d431459] { color: #fff;
}
.green-default .menu-bar[data-v-3d431459] { color: #7e9071;
}
.green-default .v02 .menu-bar[data-v-3d431459] { color: #afc69f;
}

    /* 搜索图标：保留内联 SVG 的尺寸和对齐方式。 */
.svg-icon[data-v-ac2b3586] { display: flex; align-items: center; justify-content: center; line-height: 0; vertical-align: middle; color: inherit; flex-shrink: 0;
}
.svg-icon[data-v-ac2b3586] svg { display: block; width: 100%; height: 100%;
}

    /* 安装推广栏：背景与安装按钮的主题样式。 */
:where(#pwa-header-bar, #pwa-header-bar *)#pwa-header-bar[data-v-ac2b3586] { --background: var(--color-bar-bg-pwa);
}
:where(#pwa-header-bar, #pwa-header-bar *)#pwa-header-bar.blue-default[data-v-ac2b3586] { --background: linear-gradient(90deg, #202940 0%, #131a2c 100%);
}
.home-type-GameType.v01 :where(#pwa-header-bar, #pwa-header-bar *)#pwa-header-bar.blue-default[data-v-ac2b3586] { border-radius: 0.625rem; --background: linear-gradient(95deg, #0c526c 4.14%, #533e08 100%);
}
#pwa-header-bar.blue-default :where(#pwa-header-bar, #pwa-header-bar *).install[data-v-ac2b3586] { background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%);
}
:where(#pwa-header-bar, #pwa-header-bar *)#pwa-header-bar.green-default[data-v-ac2b3586] { --background: var(--theme-color-gradient-300);
}
#pwa-header-bar.green-default :where(#pwa-header-bar, #pwa-header-bar *).install[data-v-ac2b3586] { background: var(--theme-color-gradient-200); color: var(--color-bg-400);
}
#pwa-header-bar.default.amber-purple :where(#pwa-header-bar, #pwa-header-bar *).install[data-v-ac2b3586] { background: var(--theme-color-gradient-200); color: var(--accent-color-white);
}
:where(#pwa-header-bar, #pwa-header-bar *)#pwa-header-bar.auroral-yellow[data-v-ac2b3586] { --background: linear-gradient(95deg, #0c526c 4.14%, #533e08 100%);
}
#pwa-header-bar.auroral-yellow :where(#pwa-header-bar, #pwa-header-bar *).install[data-v-ac2b3586] { background: linear-gradient(0deg, #23d8db 1.92%, #23db8c 96.15%); font-size: 0.75rem; font-weight: 700; color: var(--color-text-black-100);
}

    /* 主导航栏：品牌、侧栏切换、登录余额、充值、登录注册和搜索入口的主题样式。 */
.blue-default :where(.header, .header *).header[data-v-ac2b3586] { --padding-end: 0.9375rem; --background: #090f1f;
}
.blue-default :where(.header, .header *).header[data-v-ac2b3586] .menu-bar { color: #fff;
}
.blue-default .header :where(.header, .header *).assets-box[data-v-ac2b3586] { font-weight: 400; border: 0.0625rem solid transparent; background-clip: padding-box, border-box; background-origin: padding-box, border-box; display: flex; align-items: center; padding: 0.125rem 0.1875rem 0.125rem 0.5rem; border-radius: 0.375rem; font-size: 0.875rem;
}
.blue-default .header .assets-box :where(.header, .header *).assets-img[data-v-ac2b3586] { width: 1.25rem; margin-inline-end: 0.3125rem;
}
.blue-default .header .assets-box :where(.header, .header *).currency[data-v-ac2b3586] { font-size: 0.875rem; font-weight: 700; margin-right: 0.25rem; color: #fba531; text-shadow: none;
}
.blue-default .header .assets-box :where(.header, .header *).assets-box-number[data-v-ac2b3586] { font-size: 0.875rem; font-weight: 700; color: #fba531; text-shadow: none;
}
.blue-default .header .assets-box :where(.header, .header *).wallet[data-v-ac2b3586] { display: flex; justify-content: center; align-items: center; padding: 0.25rem 0.625rem; border-radius: 0.25rem; margin-left: 0.375rem; background: linear-gradient(to bottom, #13c96a, #1d9554);
}
.blue-default .header .assets-box .wallet ion-icon[data-v-ac2b3586]:where(.header, .header *) { font-size: 1.125rem; color: #fff;
}
.blue-default .header .assets-box :where(.header, .header *).deposit[data-v-ac2b3586] { margin-left: 0.375rem; border-radius: 0.375rem; background: linear-gradient(180deg, #6a853a, #98c24f);
}
.blue-default .header .assets-box ion-button[data-v-ac2b3586]:where(.header, .header *)::part(native) { color: #fff;
}
.blue-default .header :where(.header, .header *).primaryBtn[data-v-ac2b3586] { display: flex; align-items: center;
}
.blue-default .header .primaryBtn :where(.header, .header *).login[data-v-ac2b3586]::part(native) { background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%); color: #fff;
}
.blue-default .header .primaryBtn :where(.header, .header *).register[data-v-ac2b3586]::part(native) { background: linear-gradient(to bottom, #13c96a, #1d9554); color: #fff;
}
.blue-default .header .primaryBtn :where(.header, .header *).register-btn-warpper[data-v-ac2b3586] { display: flex; align-items: center; position: relative;
}
.blue-default .header .primaryBtn .register-btn-warpper :where(.header, .header *).rewardTag[data-v-ac2b3586] { position: absolute; top: -0.5rem; right: -0.5rem;
}
.blue-default .header ion-button:where(.header, .header *).init-btn[data-v-ac2b3586] { --padding-top: 0.375rem; --padding-bottom: 0.375rem; --padding-start: 0.625rem; --padding-end: 0.625rem; margin-top: 0; margin-bottom: 0; margin-inline-start: 0; margin-inline-end: 0; font-feature-settings: 'cpsp' on; font-size: 0.75rem; font-weight: 400; line-height: 1; min-height: min-content; --border-radius: 0.375rem;
}
.blue-default .header ion-button:where(.header, .header *).unset-btn[data-v-ac2b3586] { --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:where(.header, .header *).outline-btn[data-v-ac2b3586] { --border-width: 0.0625rem; --border-style: solid;
}
.blue-default .header ion-button:where(.header, .header *).outline-btn.login[data-v-ac2b3586] { --background: #1a223a; --color: #1f8ae4; --border-color: #1f8ae4;
}
.blue-default .header ion-button:where(.header, .header *).outline-btn.login[data-v-ac2b3586]::part(native) { color: #1f8ae4;
}
.blue-default .header ion-button:where(.header, .header *).outline-btn.register[data-v-ac2b3586] { --background: #3c3834; --color: #fba531; --border-color: #fba531;
}
.blue-default .header ion-button:where(.header, .header *).outline-btn.register[data-v-ac2b3586]::part(native) { color: #fba531;
}
.blue-default .header ion-button:where(.header, .header *).search[data-v-ac2b3586] { padding-left: 0.5rem; margin: 0; font-size: 1.375rem;
}
.blue-default .header ion-button.search :where(.header, .header *).search-icon[data-v-ac2b3586] { color: #fff;
}
.blue-default .header ion-button:where(.header, .header *).earth[data-v-ac2b3586] { flex-shrink: 0; padding-left: 0.5rem; margin: 0; font-size: 1.375rem;
}
.blue-default .header ion-button.earth :where(.header, .header *).language-icon[data-v-ac2b3586] { color: #fff;
}
.blue-default .header ion-button.btn-margin + :where(.header, .header *).btn-margin[data-v-ac2b3586] { margin-inline-start: 0.625rem;
}
.blue-default :where(.header, .header *)#language[data-v-ac2b3586] { --background: #090f1f;
}
.blue-default :where(.header, .header *)#language[data-v-ac2b3586]::part(content) { margin-top: 1.5rem; margin-left: 0.125rem; border-radius: 0.375rem; width: max-content;
}
.blue-default #language ion-button[data-v-ac2b3586]:where(.header, .header *) { --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 :where(.header, .header *).flag[data-v-ac2b3586] { border-radius: 0.75rem; font-size: 1.25rem; margin-right: 0.5rem;
}
.blue-default .home-type-Platform.v02 :where(.header, .header *).header[data-v-ac2b3586] { --padding-end: 0.9375rem; --background: #13192c;
}
.blue-default .home-type-Platform.v02 :where(.header, .header *).header[data-v-ac2b3586] .menu-bar { color: #fff;
}
.blue-default .home-type-Platform.v02 .header :where(.header, .header *).assets-box[data-v-ac2b3586] { font-weight: 400; border: 0.0625rem solid transparent; background-clip: padding-box, border-box; background-origin: padding-box, border-box; display: flex; align-items: center; padding: 0.125rem 0.1875rem 0.125rem 0.5rem; border-radius: 0.375rem; font-size: 0.875rem;
}
.blue-default .home-type-Platform.v02 .header .assets-box :where(.header, .header *).assets-img[data-v-ac2b3586] { width: 1.25rem; margin-inline-end: 0.3125rem;
}
.blue-default .home-type-Platform.v02 .header .assets-box :where(.header, .header *).currency[data-v-ac2b3586] { font-size: 0.875rem; font-weight: 700; margin-right: 0.25rem; color: #fbed3c; text-shadow: none;
}
.blue-default .home-type-Platform.v02 .header .assets-box :where(.header, .header *).assets-box-number[data-v-ac2b3586] { font-size: 0.875rem; font-weight: 700; color: #fbed3c; text-shadow: none;
}
.blue-default .home-type-Platform.v02 .header .assets-box :where(.header, .header *).wallet[data-v-ac2b3586] { display: flex; justify-content: center; align-items: center; padding: 0.25rem 0.625rem; border-radius: 0.25rem; margin-left: 0.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-ac2b3586]:where(.header, .header *) { font-size: 1.125rem; color: #fff;
}
.blue-default .home-type-Platform.v02 .header .assets-box :where(.header, .header *).deposit[data-v-ac2b3586] { margin-left: 0.375rem; border-radius: 0.375rem; background: linear-gradient(180deg, #6a853a, #98c24f);
}
.blue-default .home-type-Platform.v02 .header .assets-box ion-button[data-v-ac2b3586]:where(.header, .header *)::part(native) { color: #fff;
}
.blue-default .home-type-Platform.v02 .header :where(.header, .header *).primaryBtn[data-v-ac2b3586] { display: flex; align-items: center;
}
.blue-default .home-type-Platform.v02 .header .primaryBtn :where(.header, .header *).login[data-v-ac2b3586]::part(native) { background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%); color: #fff;
}
.blue-default .home-type-Platform.v02 .header .primaryBtn :where(.header, .header *).register[data-v-ac2b3586]::part(native) { background: linear-gradient(to bottom, #13c96a, #1d9554); color: #fff;
}
.blue-default .home-type-Platform.v02 .header .primaryBtn :where(.header, .header *).register-btn-warpper[data-v-ac2b3586] { display: flex; align-items: center; position: relative;
}
.blue-default .home-type-Platform.v02 .header .primaryBtn .register-btn-warpper :where(.header, .header *).rewardTag[data-v-ac2b3586] { position: absolute; top: -0.5rem; right: -0.5rem;
}
.blue-default .home-type-Platform.v02 .header ion-button:where(.header, .header *).init-btn[data-v-ac2b3586] { --padding-top: 0.375rem; --padding-bottom: 0.375rem; --padding-start: 0.625rem; --padding-end: 0.625rem; margin-top: 0; margin-bottom: 0; margin-inline-start: 0; margin-inline-end: 0; font-feature-settings: 'cpsp' on; font-size: 0.75rem; font-weight: 400; line-height: 1; min-height: min-content; --border-radius: 0.375rem;
}
.blue-default .home-type-Platform.v02 .header ion-button:where(.header, .header *).unset-btn[data-v-ac2b3586] { --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:where(.header, .header *).outline-btn[data-v-ac2b3586] { --border-width: 0.0625rem; --border-style: solid;
}
.blue-default .home-type-Platform.v02 .header ion-button:where(.header, .header *).outline-btn.login[data-v-ac2b3586] { --background: #1a223a; --color: #1f8ae4; --border-color: #1f8ae4;
}
.blue-default .home-type-Platform.v02 .header ion-button:where(.header, .header *).outline-btn.login[data-v-ac2b3586]::part(native) { color: #1f8ae4;
}
.blue-default .home-type-Platform.v02 .header ion-button:where(.header, .header *).outline-btn.register[data-v-ac2b3586] { --background: #3c3834; --color: #fba531; --border-color: #fba531;
}
.blue-default .home-type-Platform.v02 .header ion-button:where(.header, .header *).outline-btn.register[data-v-ac2b3586]::part(native) { color: #fba531;
}
.blue-default .home-type-Platform.v02 .header ion-button:where(.header, .header *).search[data-v-ac2b3586] { padding-left: 0.5rem; margin: 0; font-size: 1.375rem;
}
.blue-default .home-type-Platform.v02 .header ion-button.search :where(.header, .header *).search-icon[data-v-ac2b3586] { color: #fff;
}
.blue-default .home-type-Platform.v02 .header ion-button:where(.header, .header *).earth[data-v-ac2b3586] { flex-shrink: 0; padding-left: 0.5rem; margin: 0; font-size: 1.375rem;
}
.blue-default .home-type-Platform.v02 .header ion-button.earth :where(.header, .header *).language-icon[data-v-ac2b3586] { color: #fff;
}
.blue-default .home-type-Platform.v02 .header ion-button.btn-margin + :where(.header, .header *).btn-margin[data-v-ac2b3586] { margin-inline-start: 0.625rem;
}
.blue-default .home-type-Platform.v02 :where(.header, .header *)#language[data-v-ac2b3586] { --background: #13192c;
}
.blue-default .home-type-Platform.v02 :where(.header, .header *)#language[data-v-ac2b3586]::part(content) { margin-top: 1.5rem; margin-left: 0.125rem; border-radius: 0.375rem; width: max-content;
}
.blue-default .home-type-Platform.v02 #language ion-button[data-v-ac2b3586]:where(.header, .header *) { --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 :where(.header, .header *).flag[data-v-ac2b3586] { border-radius: 0.75rem; font-size: 1.25rem; margin-right: 0.5rem;
}
.blue-default:has(.home-type-Platform, #aaaa #bbbb) .header :where(.header, .header *).icon-btn[data-v-ac2b3586] { font-size: 1.5rem;
}
.blue-default:has(.home-type-Platform, #aaaa #bbbb) .header :where(.header, .header *).login[data-v-ac2b3586], .blue-default:has(.home-type-Platform, #aaaa #bbbb) .header :where(.header, .header *).register[data-v-ac2b3586] { text-transform: uppercase; --padding-start: 0.25rem; --padding-end: 0.25rem; font-weight: 700; font-size: 0.75rem;
}
.blue-default:has(.home-type-Platform, #aaaa #bbbb) .v02 .header .assets-box :where(.header, .header *).currency[data-v-ac2b3586] { font-family: Inter;
}
.blue-default:has(.home-type-Platform, #aaaa #bbbb) .v02 .header .assets-box :where(.header, .header *).assets-box-number[data-v-ac2b3586] { font-family: Inter;
}
.blue-default:has(.home-type-Platform, #aaaa #bbbb) .v02 .header .assets-box :where(.header, .header *).wallet[data-v-ac2b3586] { padding: 0.3125rem 0.4375rem;
}
.blue-default:has(.home-type-Platform, #aaaa #bbbb) .v02 .header .assets-box .wallet ion-icon[data-v-ac2b3586]:where(.header, .header *) { font-size: 1.125rem;
}
.green-default :where(.header, .header *).header[data-v-ac2b3586] { --padding-end: 0.9375rem; --background: #2b4f14;
}
.green-default :where(.header, .header *).header[data-v-ac2b3586] .menu-bar { color: #afc69f;
}
.green-default .header :where(.header, .header *).assets-box[data-v-ac2b3586] { font-weight: 400; border: 0.0625rem solid transparent; background-clip: padding-box, border-box; background-origin: padding-box, border-box; display: flex; align-items: center; padding: 0.125rem 0.1875rem 0.125rem 0.5rem; border-radius: 0.375rem; font-size: 0.875rem;
}
.green-default .header .assets-box :where(.header, .header *).assets-img[data-v-ac2b3586] { width: 1.25rem; margin-inline-end: 0.3125rem;
}
.green-default .header .assets-box :where(.header, .header *).currency[data-v-ac2b3586] { font-size: 0.875rem; font-weight: 700; margin-right: 0.25rem; color: #fbed3c; text-shadow: none;
}
.green-default .header .assets-box :where(.header, .header *).assets-box-number[data-v-ac2b3586] { font-size: 0.875rem; font-weight: 700; color: #fbed3c; text-shadow: none;
}
.green-default .header .assets-box :where(.header, .header *).wallet[data-v-ac2b3586] { display: flex; justify-content: center; align-items: center; padding: 0.25rem 0.625rem; border-radius: 0.25rem; margin-left: 0.375rem; background: linear-gradient(180deg, #ffc271, #f2910d);
}
.green-default .header .assets-box .wallet ion-icon[data-v-ac2b3586]:where(.header, .header *) { font-size: 1.125rem; color: #fff;
}
.green-default .header .assets-box :where(.header, .header *).deposit[data-v-ac2b3586] { margin-left: 0.375rem; border-radius: 0.375rem; background: linear-gradient(180deg, #6a853a, #98c24f);
}
.green-default .header .assets-box ion-button[data-v-ac2b3586]:where(.header, .header *)::part(native) { color: #fff;
}
.green-default .header :where(.header, .header *).primaryBtn[data-v-ac2b3586] { display: flex; align-items: center;
}
.green-default .header .primaryBtn :where(.header, .header *).login[data-v-ac2b3586]::part(native) { background: linear-gradient(180deg, #13c96a, #1d9554); color: #fff;
}
.green-default .header .primaryBtn :where(.header, .header *).register[data-v-ac2b3586]::part(native) { background: linear-gradient(180deg, #ffc271, #f2910d); color: #fff;
}
.green-default .header .primaryBtn :where(.header, .header *).register-btn-warpper[data-v-ac2b3586] { display: flex; align-items: center; position: relative;
}
.green-default .header .primaryBtn .register-btn-warpper :where(.header, .header *).rewardTag[data-v-ac2b3586] { position: absolute; top: -0.5rem; right: -0.5rem;
}
.green-default .header ion-button:where(.header, .header *).init-btn[data-v-ac2b3586] { --padding-top: 0.375rem; --padding-bottom: 0.375rem; --padding-start: 0.625rem; --padding-end: 0.625rem; margin-top: 0; margin-bottom: 0; margin-inline-start: 0; margin-inline-end: 0; font-feature-settings: 'cpsp' on; font-size: 0.75rem; font-weight: 400; line-height: 1; min-height: min-content; --border-radius: 0.375rem;
}
.green-default .header ion-button:where(.header, .header *).unset-btn[data-v-ac2b3586] { --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:where(.header, .header *).outline-btn[data-v-ac2b3586] { --border-width: 0.0625rem; --border-style: solid;
}
.green-default .header ion-button:where(.header, .header *).outline-btn.login[data-v-ac2b3586] { --background: #1a223a; --color: #1f8ae4; --border-color: #1f8ae4;
}
.green-default .header ion-button:where(.header, .header *).outline-btn.login[data-v-ac2b3586]::part(native) { color: #1f8ae4;
}
.green-default .header ion-button:where(.header, .header *).outline-btn.register[data-v-ac2b3586] { --background: #3c3834; --color: #fba531; --border-color: #fba531;
}
.green-default .header ion-button:where(.header, .header *).outline-btn.register[data-v-ac2b3586]::part(native) { color: #fba531;
}
.green-default .header ion-button:where(.header, .header *).search[data-v-ac2b3586] { padding-left: 0.5rem; margin: 0; font-size: 1.375rem;
}
.green-default .header ion-button.search :where(.header, .header *).search-icon[data-v-ac2b3586] { color: #afc69f;
}
.green-default .header ion-button:where(.header, .header *).earth[data-v-ac2b3586] { flex-shrink: 0; padding-left: 0.5rem; margin: 0; font-size: 1.375rem;
}
.green-default .header ion-button.earth :where(.header, .header *).language-icon[data-v-ac2b3586] { color: #afc69f;
}
.green-default .header ion-button.btn-margin + :where(.header, .header *).btn-margin[data-v-ac2b3586] { margin-inline-start: 0.625rem;
}
.green-default :where(.header, .header *)#language[data-v-ac2b3586] { --background: #2b4f14;
}
.green-default :where(.header, .header *)#language[data-v-ac2b3586]::part(content) { margin-top: 1.5rem; margin-left: 0.125rem; border-radius: 0.375rem; width: max-content;
}
.green-default #language ion-button[data-v-ac2b3586]:where(.header, .header *) { --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 :where(.header, .header *).flag[data-v-ac2b3586] { border-radius: 0.75rem; font-size: 1.25rem; margin-right: 0.5rem;
}
.green-default .v02 :where(.header, .header *).header[data-v-ac2b3586] { --padding-end: 0.9375rem; --background: radial-gradient(80.18% 120% at 0% 0%, #939033 0%, #325d16 100%);
}
.green-default .v02 :where(.header, .header *).header[data-v-ac2b3586] .menu-bar { color: #afc69f;
}
.green-default .v02 .header :where(.header, .header *).assets-box[data-v-ac2b3586] { font-weight: 400; border: 0.0625rem solid transparent; background-clip: padding-box, border-box; background-origin: padding-box, border-box; display: flex; align-items: center; padding: 0.125rem 0.1875rem 0.125rem 0.5rem; border-radius: 0.375rem; font-size: 0.875rem;
}
.green-default .v02 .header .assets-box :where(.header, .header *).assets-img[data-v-ac2b3586] { width: 1.25rem; margin-inline-end: 0.3125rem;
}
.green-default .v02 .header .assets-box :where(.header, .header *).currency[data-v-ac2b3586] { font-size: 0.875rem; font-weight: 700; margin-right: 0.25rem; color: #fbed3c; text-shadow: none;
}
.green-default .v02 .header .assets-box :where(.header, .header *).assets-box-number[data-v-ac2b3586] { font-size: 0.875rem; font-weight: 700; color: #fbed3c; text-shadow: none;
}
.green-default .v02 .header .assets-box :where(.header, .header *).wallet[data-v-ac2b3586] { display: flex; justify-content: center; align-items: center; padding: 0.25rem 0.625rem; border-radius: 0.25rem; margin-left: 0.375rem; background: linear-gradient(180deg, #ffc271, #f2910d);
}
.green-default .v02 .header .assets-box .wallet ion-icon[data-v-ac2b3586]:where(.header, .header *) { font-size: 1.125rem; color: #fff;
}
.green-default .v02 .header .assets-box :where(.header, .header *).deposit[data-v-ac2b3586] { margin-left: 0.375rem; border-radius: 0.375rem; background: linear-gradient(180deg, #6a853a, #98c24f);
}
.green-default .v02 .header .assets-box ion-button[data-v-ac2b3586]:where(.header, .header *)::part(native) { color: #fff;
}
.green-default .v02 .header :where(.header, .header *).primaryBtn[data-v-ac2b3586] { display: flex; align-items: center;
}
.green-default .v02 .header .primaryBtn :where(.header, .header *).login[data-v-ac2b3586]::part(native) { background: linear-gradient(180deg, #13c96a, #1d9554); color: #fff;
}
.green-default .v02 .header .primaryBtn :where(.header, .header *).register[data-v-ac2b3586]::part(native) { background: linear-gradient(180deg, #ffc271, #f2910d); color: #fff;
}
.green-default .v02 .header .primaryBtn :where(.header, .header *).register-btn-warpper[data-v-ac2b3586] { display: flex; align-items: center; position: relative;
}
.green-default .v02 .header .primaryBtn .register-btn-warpper :where(.header, .header *).rewardTag[data-v-ac2b3586] { position: absolute; top: -0.5rem; right: -0.5rem;
}
.green-default .v02 .header ion-button:where(.header, .header *).init-btn[data-v-ac2b3586] { --padding-top: 0.375rem; --padding-bottom: 0.375rem; --padding-start: 0.625rem; --padding-end: 0.625rem; margin-top: 0; margin-bottom: 0; margin-inline-start: 0; margin-inline-end: 0; font-feature-settings: 'cpsp' on; font-size: 0.75rem; font-weight: 400; line-height: 1; min-height: min-content; --border-radius: 0.375rem;
}
.green-default .v02 .header ion-button:where(.header, .header *).unset-btn[data-v-ac2b3586] { --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:where(.header, .header *).outline-btn[data-v-ac2b3586] { --border-width: 0.0625rem; --border-style: solid;
}
.green-default .v02 .header ion-button:where(.header, .header *).outline-btn.login[data-v-ac2b3586] { --background: #1a223a; --color: #1f8ae4; --border-color: #1f8ae4;
}
.green-default .v02 .header ion-button:where(.header, .header *).outline-btn.login[data-v-ac2b3586]::part(native) { color: #1f8ae4;
}
.green-default .v02 .header ion-button:where(.header, .header *).outline-btn.register[data-v-ac2b3586] { --background: #3c3834; --color: #fba531; --border-color: #fba531;
}
.green-default .v02 .header ion-button:where(.header, .header *).outline-btn.register[data-v-ac2b3586]::part(native) { color: #fba531;
}
.green-default .v02 .header ion-button:where(.header, .header *).search[data-v-ac2b3586] { padding-left: 0.5rem; margin: 0; font-size: 1.375rem;
}
.green-default .v02 .header ion-button.search :where(.header, .header *).search-icon[data-v-ac2b3586] { color: #afc69f;
}
.green-default .v02 .header ion-button:where(.header, .header *).earth[data-v-ac2b3586] { flex-shrink: 0; padding-left: 0.5rem; margin: 0; font-size: 1.375rem;
}
.green-default .v02 .header ion-button.earth :where(.header, .header *).language-icon[data-v-ac2b3586] { color: #afc69f;
}
.green-default .v02 .header ion-button.btn-margin + :where(.header, .header *).btn-margin[data-v-ac2b3586] { margin-inline-start: 0.625rem;
}
.green-default .v02 :where(.header, .header *)#language[data-v-ac2b3586] { --background: #3b3466;
}
.green-default .v02 :where(.header, .header *)#language[data-v-ac2b3586]::part(content) { margin-top: 1.5rem; margin-left: 0.125rem; border-radius: 0.375rem; width: max-content;
}
.green-default .v02 #language ion-button[data-v-ac2b3586]:where(.header, .header *) { --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 :where(.header, .header *).flag[data-v-ac2b3586] { border-radius: 0.75rem; font-size: 1.25rem; margin-right: 0.5rem;
}
.green-default:has(.home-type-Platform, #aaaa #bbbb) .header :where(.header, .header *).icon-btn[data-v-ac2b3586] { font-size: 1.5rem;
}
.green-default:has(.home-type-Platform, #aaaa #bbbb) .header :where(.header, .header *).login[data-v-ac2b3586], .green-default:has(.home-type-Platform, #aaaa #bbbb) .header :where(.header, .header *).register[data-v-ac2b3586] { text-transform: uppercase; --padding-start: 0.25rem; --padding-end: 0.25rem; font-weight: 700; font-size: 0.75rem;
}
.green-default:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box :where(.header, .header *).currency[data-v-ac2b3586] { font-family: Inter;
}
.green-default:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box :where(.header, .header *).assets-box-number[data-v-ac2b3586] { font-family: Inter;
}
.green-default:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box :where(.header, .header *).wallet[data-v-ac2b3586] { padding: 0.3125rem 0.4375rem;
}
.green-default:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .wallet ion-icon[data-v-ac2b3586]:where(.header, .header *) { font-size: 1.125rem;
}
.forest-green .v01 :where(.header, .header *).header[data-v-ac2b3586] { --padding-end: 0.9375rem; --background: linear-gradient(to right, #007b4c 0%, #004d37 100%);
}
.forest-green .v01 :where(.header, .header *).header[data-v-ac2b3586] .menu-bar { color: #7e9071;
}
.forest-green .v01 .header :where(.header, .header *).assets-box[data-v-ac2b3586] { font-weight: 400; border: 0.0625rem solid transparent; background-clip: padding-box, border-box; background-origin: padding-box, border-box; display: flex; align-items: center; padding: 0.125rem 0.1875rem 0.125rem 0.5rem; border-radius: 0.375rem; font-size: 0.875rem;
}
.forest-green .v01 .header .assets-box :where(.header, .header *).assets-img[data-v-ac2b3586] { width: 1.25rem; margin-inline-end: 0.3125rem;
}
.forest-green .v01 .header .assets-box :where(.header, .header *).currency[data-v-ac2b3586] { font-size: 0.875rem; font-weight: 700; margin-right: 0.25rem; color: #fbed3c; text-shadow: none;
}
.forest-green .v01 .header .assets-box :where(.header, .header *).assets-box-number[data-v-ac2b3586] { font-size: 0.875rem; font-weight: 700; color: #fbed3c; text-shadow: none;
}
.forest-green .v01 .header .assets-box :where(.header, .header *).wallet[data-v-ac2b3586] { display: flex; justify-content: center; align-items: center; padding: 0.25rem 0.625rem; border-radius: 0.25rem; margin-left: 0.375rem; background: linear-gradient(180deg, #ffc271, #f2910d);
}
.forest-green .v01 .header .assets-box .wallet ion-icon[data-v-ac2b3586]:where(.header, .header *) { font-size: 1.125rem; color: #fff;
}
.forest-green .v01 .header .assets-box :where(.header, .header *).deposit[data-v-ac2b3586] { margin-left: 0.375rem; border-radius: 0.375rem; background: linear-gradient(180deg, #6a853a, #98c24f);
}
.forest-green .v01 .header .assets-box ion-button[data-v-ac2b3586]:where(.header, .header *)::part(native) { color: #fff;
}
.forest-green .v01 .header :where(.header, .header *).primaryBtn[data-v-ac2b3586] { display: flex; align-items: center;
}
.forest-green .v01 .header .primaryBtn :where(.header, .header *).login[data-v-ac2b3586]::part(native) { background: linear-gradient(180deg, #13c96a, #1d9554); color: #fff;
}
.forest-green .v01 .header .primaryBtn :where(.header, .header *).register[data-v-ac2b3586]::part(native) { background: linear-gradient(180deg, #ffc271, #f2910d); color: #fff;
}
.forest-green .v01 .header .primaryBtn :where(.header, .header *).register-btn-warpper[data-v-ac2b3586] { display: flex; align-items: center; position: relative;
}
.forest-green .v01 .header .primaryBtn .register-btn-warpper :where(.header, .header *).rewardTag[data-v-ac2b3586] { position: absolute; top: -0.5rem; right: -0.5rem;
}
.forest-green .v01 .header ion-button:where(.header, .header *).init-btn[data-v-ac2b3586] { --padding-top: 0.375rem; --padding-bottom: 0.375rem; --padding-start: 0.625rem; --padding-end: 0.625rem; margin-top: 0; margin-bottom: 0; margin-inline-start: 0; margin-inline-end: 0; font-feature-settings: 'cpsp' on; font-size: 0.75rem; font-weight: 400; line-height: 1; min-height: min-content; --border-radius: 0.375rem;
}
.forest-green .v01 .header ion-button:where(.header, .header *).unset-btn[data-v-ac2b3586] { --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:where(.header, .header *).outline-btn[data-v-ac2b3586] { --border-width: 0.0625rem; --border-style: solid;
}
.forest-green .v01 .header ion-button:where(.header, .header *).outline-btn.login[data-v-ac2b3586] { --background: #1a223a; --color: #1f8ae4; --border-color: #1f8ae4;
}
.forest-green .v01 .header ion-button:where(.header, .header *).outline-btn.login[data-v-ac2b3586]::part(native) { color: #1f8ae4;
}
.forest-green .v01 .header ion-button:where(.header, .header *).outline-btn.register[data-v-ac2b3586] { --background: #3c3834; --color: #fba531; --border-color: #fba531;
}
.forest-green .v01 .header ion-button:where(.header, .header *).outline-btn.register[data-v-ac2b3586]::part(native) { color: #fba531;
}
.forest-green .v01 .header ion-button:where(.header, .header *).search[data-v-ac2b3586] { padding-left: 0.5rem; margin: 0; font-size: 1.375rem;
}
.forest-green .v01 .header ion-button.search :where(.header, .header *).search-icon[data-v-ac2b3586] { color: #afc69f;
}
.forest-green .v01 .header ion-button:where(.header, .header *).earth[data-v-ac2b3586] { flex-shrink: 0; padding-left: 0.5rem; margin: 0; font-size: 1.375rem;
}
.forest-green .v01 .header ion-button.earth :where(.header, .header *).language-icon[data-v-ac2b3586] { color: #afc69f;
}
.forest-green .v01 .header ion-button.btn-margin + :where(.header, .header *).btn-margin[data-v-ac2b3586] { margin-inline-start: 0.625rem;
}
.forest-green .v01 :where(.header, .header *)#language[data-v-ac2b3586] { --background: #007b4c;
}
.forest-green .v01 :where(.header, .header *)#language[data-v-ac2b3586]::part(content) { margin-top: 1.5rem; margin-left: 0.125rem; border-radius: 0.375rem; width: max-content;
}
.forest-green .v01 #language ion-button[data-v-ac2b3586]:where(.header, .header *) { --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 :where(.header, .header *).flag[data-v-ac2b3586] { border-radius: 0.75rem; font-size: 1.25rem; margin-right: 0.5rem;
}
.forest-green .v02 :where(.header, .header *).header[data-v-ac2b3586] { --padding-end: 0.9375rem; --background: radial-gradient(80.18% 120% at 0% 0%, #007b4c 0%, #004d37 100%);
}
.forest-green .v02 :where(.header, .header *).header[data-v-ac2b3586] .menu-bar { color: #fff;
}
.forest-green .v02 .header :where(.header, .header *).assets-box[data-v-ac2b3586] { font-weight: 400; border: 0.0625rem solid transparent; background-clip: padding-box, border-box; background-origin: padding-box, border-box; display: flex; align-items: center; padding: 0.125rem 0.1875rem 0.125rem 0.5rem; border-radius: 0.375rem; font-size: 0.875rem;
}
.forest-green .v02 .header .assets-box :where(.header, .header *).assets-img[data-v-ac2b3586] { width: 1.25rem; margin-inline-end: 0.3125rem;
}
.forest-green .v02 .header .assets-box :where(.header, .header *).currency[data-v-ac2b3586] { font-size: 0.875rem; font-weight: 700; margin-right: 0.25rem; color: #fbed3c; text-shadow: none;
}
.forest-green .v02 .header .assets-box :where(.header, .header *).assets-box-number[data-v-ac2b3586] { font-size: 0.875rem; font-weight: 700; color: #fbed3c; text-shadow: none;
}
.forest-green .v02 .header .assets-box :where(.header, .header *).wallet[data-v-ac2b3586] { display: flex; justify-content: center; align-items: center; padding: 0.25rem 0.625rem; border-radius: 0.25rem; margin-left: 0.375rem; background: linear-gradient(180deg, #ffc271, #f2910d);
}
.forest-green .v02 .header .assets-box .wallet ion-icon[data-v-ac2b3586]:where(.header, .header *) { font-size: 1.125rem; color: #a34343;
}
.forest-green .v02 .header .assets-box :where(.header, .header *).deposit[data-v-ac2b3586] { margin-left: 0.375rem; border-radius: 0.375rem; background: linear-gradient(180deg, #6a853a, #98c24f);
}
.forest-green .v02 .header .assets-box ion-button[data-v-ac2b3586]:where(.header, .header *)::part(native) { color: #fff;
}
.forest-green .v02 .header :where(.header, .header *).primaryBtn[data-v-ac2b3586] { display: flex; align-items: center;
}
.forest-green .v02 .header .primaryBtn :where(.header, .header *).login[data-v-ac2b3586]::part(native) { background: linear-gradient(180deg, #13c96a, #1d9554); color: #fff;
}
.forest-green .v02 .header .primaryBtn :where(.header, .header *).register[data-v-ac2b3586]::part(native) { background: linear-gradient(180deg, #ffc271, #f2910d); color: #fff;
}
.forest-green .v02 .header .primaryBtn :where(.header, .header *).register-btn-warpper[data-v-ac2b3586] { display: flex; align-items: center; position: relative;
}
.forest-green .v02 .header .primaryBtn .register-btn-warpper :where(.header, .header *).rewardTag[data-v-ac2b3586] { position: absolute; top: -0.5rem; right: -0.5rem;
}
.forest-green .v02 .header ion-button:where(.header, .header *).init-btn[data-v-ac2b3586] { --padding-top: 0.375rem; --padding-bottom: 0.375rem; --padding-start: 0.625rem; --padding-end: 0.625rem; margin-top: 0; margin-bottom: 0; margin-inline-start: 0; margin-inline-end: 0; font-feature-settings: 'cpsp' on; font-size: 0.75rem; font-weight: 400; line-height: 1; min-height: min-content; --border-radius: 0.375rem;
}
.forest-green .v02 .header ion-button:where(.header, .header *).unset-btn[data-v-ac2b3586] { --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:where(.header, .header *).outline-btn[data-v-ac2b3586] { --border-width: 0.0625rem; --border-style: solid;
}
.forest-green .v02 .header ion-button:where(.header, .header *).outline-btn.login[data-v-ac2b3586] { --background: #1a223a; --color: #1f8ae4; --border-color: #1f8ae4;
}
.forest-green .v02 .header ion-button:where(.header, .header *).outline-btn.login[data-v-ac2b3586]::part(native) { color: #1f8ae4;
}
.forest-green .v02 .header ion-button:where(.header, .header *).outline-btn.register[data-v-ac2b3586] { --background: #3c3834; --color: #fba531; --border-color: #fba531;
}
.forest-green .v02 .header ion-button:where(.header, .header *).outline-btn.register[data-v-ac2b3586]::part(native) { color: #fba531;
}
.forest-green .v02 .header ion-button:where(.header, .header *).search[data-v-ac2b3586] { padding-left: 0.5rem; margin: 0; font-size: 1.375rem;
}
.forest-green .v02 .header ion-button.search :where(.header, .header *).search-icon[data-v-ac2b3586] { color: #fff;
}
.forest-green .v02 .header ion-button:where(.header, .header *).earth[data-v-ac2b3586] { flex-shrink: 0; padding-left: 0.5rem; margin: 0; font-size: 1.375rem;
}
.forest-green .v02 .header ion-button.earth :where(.header, .header *).language-icon[data-v-ac2b3586] { color: #fff;
}
.forest-green .v02 .header ion-button.btn-margin + :where(.header, .header *).btn-margin[data-v-ac2b3586] { margin-inline-start: 0.625rem;
}
.forest-green .v02 :where(.header, .header *)#language[data-v-ac2b3586] { --background: #007b4c;
}
.forest-green .v02 :where(.header, .header *)#language[data-v-ac2b3586]::part(content) { margin-top: 1.5rem; margin-left: 0.125rem; border-radius: 0.375rem; width: max-content;
}
.forest-green .v02 #language ion-button[data-v-ac2b3586]:where(.header, .header *) { --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 :where(.header, .header *).flag[data-v-ac2b3586] { border-radius: 0.75rem; font-size: 1.25rem; margin-right: 0.5rem;
}
.forest-green:has(.home-type-Platform, #aaaa #bbbb) .header :where(.header, .header *).icon-btn[data-v-ac2b3586] { font-size: 1.5rem;
}
.forest-green:has(.home-type-Platform, #aaaa #bbbb) .header :where(.header, .header *).login[data-v-ac2b3586], .forest-green:has(.home-type-Platform, #aaaa #bbbb) .header :where(.header, .header *).register[data-v-ac2b3586] { text-transform: uppercase; --padding-start: 0.25rem; --padding-end: 0.25rem; font-weight: 700; font-size: 0.75rem;
}
.forest-green:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box :where(.header, .header *).currency[data-v-ac2b3586] { font-family: Inter;
}
.forest-green:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box :where(.header, .header *).assets-box-number[data-v-ac2b3586] { font-family: Inter;
}
.forest-green:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box :where(.header, .header *).wallet[data-v-ac2b3586] { padding: 0.3125rem 0.4375rem;
}
.forest-green:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .wallet ion-icon[data-v-ac2b3586]:where(.header, .header *) { font-size: 1.125rem;
}
.amber-purple :where(.header, .header *).header[data-v-ac2b3586] { --padding-end: 0.9375rem; --background: #3b3466;
}
.amber-purple :where(.header, .header *).header[data-v-ac2b3586] .menu-bar { color: #686299;
}
.amber-purple .header :where(.header, .header *).assets-box[data-v-ac2b3586] { font-weight: 400; border: 0.0625rem solid transparent; background-clip: padding-box, border-box; background-origin: padding-box, border-box; display: flex; align-items: center; padding: 0.125rem 0.1875rem 0.125rem 0.5rem; border-radius: 0.375rem; font-size: 0.875rem;
}
.amber-purple .header .assets-box :where(.header, .header *).assets-img[data-v-ac2b3586] { width: 1.25rem; margin-inline-end: 0.3125rem;
}
.amber-purple .header .assets-box :where(.header, .header *).currency[data-v-ac2b3586] { font-size: 0.875rem; font-weight: 700; margin-right: 0.25rem; color: #f5c84c; text-shadow: none;
}
.amber-purple .header .assets-box :where(.header, .header *).assets-box-number[data-v-ac2b3586] { font-size: 0.875rem; font-weight: 700; color: #f5c84c; text-shadow: none;
}
.amber-purple .header .assets-box :where(.header, .header *).wallet[data-v-ac2b3586] { display: flex; justify-content: center; align-items: center; padding: 0.25rem 0.625rem; border-radius: 0.25rem; margin-left: 0.375rem; background: linear-gradient(180deg, #ffc271, #f2910d);
}
.amber-purple .header .assets-box .wallet ion-icon[data-v-ac2b3586]:where(.header, .header *) { font-size: 1.125rem; color: #fff;
}
.amber-purple .header .assets-box :where(.header, .header *).deposit[data-v-ac2b3586] { margin-left: 0.375rem; border-radius: 0.375rem; background: linear-gradient(180deg, #6a853a, #98c24f);
}
.amber-purple .header .assets-box ion-button[data-v-ac2b3586]:where(.header, .header *)::part(native) { color: #fff;
}
.amber-purple .header :where(.header, .header *).primaryBtn[data-v-ac2b3586] { display: flex; align-items: center;
}
.amber-purple .header .primaryBtn :where(.header, .header *).login[data-v-ac2b3586]::part(native) { background: linear-gradient(2deg, #3bdf86 23.05%, #2376a4 98.19%); color: #fff;
}
.amber-purple .header .primaryBtn :where(.header, .header *).register[data-v-ac2b3586]::part(native) { background: linear-gradient(5deg, #f0bf4a 20.82%, #8d36d1 112.62%); color: #fff;
}
.amber-purple .header .primaryBtn :where(.header, .header *).register-btn-warpper[data-v-ac2b3586] { display: flex; align-items: center; position: relative;
}
.amber-purple .header .primaryBtn .register-btn-warpper :where(.header, .header *).rewardTag[data-v-ac2b3586] { position: absolute; top: -0.5rem; right: -0.5rem;
}
.amber-purple .header ion-button:where(.header, .header *).init-btn[data-v-ac2b3586] { --padding-top: 0.375rem; --padding-bottom: 0.375rem; --padding-start: 0.625rem; --padding-end: 0.625rem; margin-top: 0; margin-bottom: 0; margin-inline-start: 0; margin-inline-end: 0; font-feature-settings: 'cpsp' on; font-size: 0.75rem; font-weight: 400; line-height: 1; min-height: min-content; --border-radius: 0.375rem;
}
.amber-purple .header ion-button:where(.header, .header *).unset-btn[data-v-ac2b3586] { --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:where(.header, .header *).outline-btn[data-v-ac2b3586] { --border-width: 0.0625rem; --border-style: solid;
}
.amber-purple .header ion-button:where(.header, .header *).outline-btn.login[data-v-ac2b3586] { --background: #1a223a; --color: #1f8ae4; --border-color: #1f8ae4;
}
.amber-purple .header ion-button:where(.header, .header *).outline-btn.login[data-v-ac2b3586]::part(native) { color: #1f8ae4;
}
.amber-purple .header ion-button:where(.header, .header *).outline-btn.register[data-v-ac2b3586] { --background: #3c3834; --color: #fba531; --border-color: #fba531;
}
.amber-purple .header ion-button:where(.header, .header *).outline-btn.register[data-v-ac2b3586]::part(native) { color: #fba531;
}
.amber-purple .header ion-button:where(.header, .header *).search[data-v-ac2b3586] { padding-left: 0.5rem; margin: 0; font-size: 1.375rem;
}
.amber-purple .header ion-button.search :where(.header, .header *).search-icon[data-v-ac2b3586] { color: #bdb8e1;
}
.amber-purple .header ion-button:where(.header, .header *).earth[data-v-ac2b3586] { flex-shrink: 0; padding-left: 0.5rem; margin: 0; font-size: 1.375rem;
}
.amber-purple .header ion-button.earth :where(.header, .header *).language-icon[data-v-ac2b3586] { color: #bdb8e1;
}
.amber-purple .header ion-button.btn-margin + :where(.header, .header *).btn-margin[data-v-ac2b3586] { margin-inline-start: 0.625rem;
}
.amber-purple :where(.header, .header *)#language[data-v-ac2b3586] { --background: #3b3466;
}
.amber-purple :where(.header, .header *)#language[data-v-ac2b3586]::part(content) { margin-top: 1.5rem; margin-left: 0.125rem; border-radius: 0.375rem; width: max-content;
}
.amber-purple #language ion-button[data-v-ac2b3586]:where(.header, .header *) { --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 :where(.header, .header *).flag[data-v-ac2b3586] { border-radius: 0.75rem; font-size: 1.25rem; margin-right: 0.5rem;
}
.amber-purple .home-type-Platform.v01 :where(.header, .header *).header[data-v-ac2b3586] { --padding-end: 0.9375rem; --background: #262346;
}
.amber-purple .home-type-Platform.v01 :where(.header, .header *).header[data-v-ac2b3586] .menu-bar { color: #fff;
}
.amber-purple .home-type-Platform.v01 .header :where(.header, .header *).assets-box[data-v-ac2b3586] { font-weight: 400; border: 0.0625rem solid transparent; background-clip: padding-box, border-box; background-origin: padding-box, border-box; display: flex; align-items: center; padding: 0.125rem 0.1875rem 0.125rem 0.5rem; border-radius: 0.375rem; font-size: 0.875rem;
}
.amber-purple .home-type-Platform.v01 .header .assets-box :where(.header, .header *).assets-img[data-v-ac2b3586] { width: 1.25rem; margin-inline-end: 0.3125rem;
}
.amber-purple .home-type-Platform.v01 .header .assets-box :where(.header, .header *).currency[data-v-ac2b3586] { font-size: 0.875rem; font-weight: 700; margin-right: 0.25rem; color: #f5c84c; text-shadow: none;
}
.amber-purple .home-type-Platform.v01 .header .assets-box :where(.header, .header *).assets-box-number[data-v-ac2b3586] { font-size: 0.875rem; font-weight: 700; color: #f5c84c; text-shadow: none;
}
.amber-purple .home-type-Platform.v01 .header .assets-box :where(.header, .header *).wallet[data-v-ac2b3586] { display: flex; justify-content: center; align-items: center; padding: 0.25rem 0.625rem; border-radius: 0.25rem; margin-left: 0.375rem; background: #f5c84c;
}
.amber-purple .home-type-Platform.v01 .header .assets-box .wallet ion-icon[data-v-ac2b3586]:where(.header, .header *) { font-size: 1.125rem; color: #3f5070;
}
.amber-purple .home-type-Platform.v01 .header .assets-box :where(.header, .header *).deposit[data-v-ac2b3586] { margin-left: 0.375rem; border-radius: 0.375rem; background: linear-gradient(180deg, #6a853a, #98c24f);
}
.amber-purple .home-type-Platform.v01 .header .assets-box ion-button[data-v-ac2b3586]:where(.header, .header *)::part(native) { color: #fff;
}
.amber-purple .home-type-Platform.v01 .header :where(.header, .header *).primaryBtn[data-v-ac2b3586] { display: flex; align-items: center;
}
.amber-purple .home-type-Platform.v01 .header .primaryBtn :where(.header, .header *).login[data-v-ac2b3586]::part(native) { background: linear-gradient(2deg, #3bdf86 23.05%, #2376a4 98.19%); color: #fff;
}
.amber-purple .home-type-Platform.v01 .header .primaryBtn :where(.header, .header *).register[data-v-ac2b3586]::part(native) { background: linear-gradient(5deg, #f0bf4a 20.82%, #8d36d1 112.62%); color: #fff;
}
.amber-purple .home-type-Platform.v01 .header .primaryBtn :where(.header, .header *).register-btn-warpper[data-v-ac2b3586] { display: flex; align-items: center; position: relative;
}
.amber-purple .home-type-Platform.v01 .header .primaryBtn .register-btn-warpper :where(.header, .header *).rewardTag[data-v-ac2b3586] { position: absolute; top: -0.5rem; right: -0.5rem;
}
.amber-purple .home-type-Platform.v01 .header ion-button:where(.header, .header *).init-btn[data-v-ac2b3586] { --padding-top: 0.375rem; --padding-bottom: 0.375rem; --padding-start: 0.625rem; --padding-end: 0.625rem; margin-top: 0; margin-bottom: 0; margin-inline-start: 0; margin-inline-end: 0; font-feature-settings: 'cpsp' on; font-size: 0.75rem; font-weight: 400; line-height: 1; min-height: min-content; --border-radius: 0.375rem;
}
.amber-purple .home-type-Platform.v01 .header ion-button:where(.header, .header *).unset-btn[data-v-ac2b3586] { --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:where(.header, .header *).outline-btn[data-v-ac2b3586] { --border-width: 0.0625rem; --border-style: solid;
}
.amber-purple .home-type-Platform.v01 .header ion-button:where(.header, .header *).outline-btn.login[data-v-ac2b3586] { --background: #1a223a; --color: #1f8ae4; --border-color: #1f8ae4;
}
.amber-purple .home-type-Platform.v01 .header ion-button:where(.header, .header *).outline-btn.login[data-v-ac2b3586]::part(native) { color: #1f8ae4;
}
.amber-purple .home-type-Platform.v01 .header ion-button:where(.header, .header *).outline-btn.register[data-v-ac2b3586] { --background: #3c3834; --color: #fba531; --border-color: #fba531;
}
.amber-purple .home-type-Platform.v01 .header ion-button:where(.header, .header *).outline-btn.register[data-v-ac2b3586]::part(native) { color: #fba531;
}
.amber-purple .home-type-Platform.v01 .header ion-button:where(.header, .header *).search[data-v-ac2b3586] { padding-left: 0.5rem; margin: 0; font-size: 1.375rem;
}
.amber-purple .home-type-Platform.v01 .header ion-button.search :where(.header, .header *).search-icon[data-v-ac2b3586] { color: #686299;
}
.amber-purple .home-type-Platform.v01 .header ion-button:where(.header, .header *).earth[data-v-ac2b3586] { flex-shrink: 0; padding-left: 0.5rem; margin: 0; font-size: 1.375rem;
}
.amber-purple .home-type-Platform.v01 .header ion-button.earth :where(.header, .header *).language-icon[data-v-ac2b3586] { color: #686299;
}
.amber-purple .home-type-Platform.v01 .header ion-button.btn-margin + :where(.header, .header *).btn-margin[data-v-ac2b3586] { margin-inline-start: 0.625rem;
}
.amber-purple .home-type-Platform.v01 :where(.header, .header *)#language[data-v-ac2b3586] { --background: #3b3466;
}
.amber-purple .home-type-Platform.v01 :where(.header, .header *)#language[data-v-ac2b3586]::part(content) { margin-top: 1.5rem; margin-left: 0.125rem; border-radius: 0.375rem; width: max-content;
}
.amber-purple .home-type-Platform.v01 #language ion-button[data-v-ac2b3586]:where(.header, .header *) { --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 :where(.header, .header *).flag[data-v-ac2b3586] { border-radius: 0.75rem; font-size: 1.25rem; margin-right: 0.5rem;
}
.amber-purple:has(.home-type-Platform, #aaaa #bbbb) .header :where(.header, .header *).icon-btn[data-v-ac2b3586] { font-size: 1.5rem;
}
.amber-purple:has(.home-type-Platform, #aaaa #bbbb) .header :where(.header, .header *).login[data-v-ac2b3586], .amber-purple:has(.home-type-Platform, #aaaa #bbbb) .header :where(.header, .header *).register[data-v-ac2b3586] { text-transform: uppercase; --padding-start: 0.25rem; --padding-end: 0.25rem; font-weight: 700; font-size: 0.75rem;
}
.amber-purple:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box :where(.header, .header *).currency[data-v-ac2b3586] { font-family: Inter;
}
.amber-purple:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box :where(.header, .header *).assets-box-number[data-v-ac2b3586] { font-family: Inter;
}
.amber-purple:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box :where(.header, .header *).wallet[data-v-ac2b3586] { padding: 0.3125rem 0.4375rem;
}
.amber-purple:has(.home-type-Platform, #aaaa #bbbb) .header .assets-box .wallet ion-icon[data-v-ac2b3586]:where(.header, .header *) { font-size: 1.125rem;
}
.auroral-yellow :where(.header, .header *).header[data-v-ac2b3586] { --padding-end: 0.9375rem; --background: #24221f;
}
.auroral-yellow :where(.header, .header *).header[data-v-ac2b3586] .menu-bar { color: #8a867c;
}
.auroral-yellow .header :where(.header, .header *).assets-box[data-v-ac2b3586] { font-weight: 400; border: 0.0625rem solid transparent; background-clip: padding-box, border-box; background-origin: padding-box, border-box; display: flex; align-items: center; padding: 0.125rem 0.1875rem 0.125rem 0.5rem; border-radius: 0.375rem; font-size: 0.875rem;
}
.auroral-yellow .header .assets-box :where(.header, .header *).assets-img[data-v-ac2b3586] { width: 1.25rem; margin-inline-end: 0.3125rem;
}
.auroral-yellow .header .assets-box :where(.header, .header *).currency[data-v-ac2b3586] { font-size: 0.875rem; font-weight: 700; margin-right: 0.25rem; color: #fff; text-shadow: 0 0 0.625rem #ffb200;
}
.auroral-yellow .header .assets-box :where(.header, .header *).assets-box-number[data-v-ac2b3586] { font-size: 0.875rem; font-weight: 700; color: #fff; text-shadow: 0 0 0.625rem #ffb200;
}
.auroral-yellow .header .assets-box :where(.header, .header *).wallet[data-v-ac2b3586] { display: flex; justify-content: center; align-items: center; padding: 0.25rem 0.625rem; border-radius: 0.25rem; margin-left: 0.375rem; background: linear-gradient(180deg, #ffc271, #f2910d);
}
.auroral-yellow .header .assets-box .wallet ion-icon[data-v-ac2b3586]:where(.header, .header *) { font-size: 1.125rem; color: #fff;
}
.auroral-yellow .header .assets-box :where(.header, .header *).deposit[data-v-ac2b3586] { margin-left: 0.375rem; border-radius: 0.375rem; background: linear-gradient(180deg, #252320, #36322c);
}
.auroral-yellow .header .assets-box ion-button[data-v-ac2b3586]:where(.header, .header *)::part(native) { color: #f7fb43;
}
.auroral-yellow .header .primaryBtn :where(.header, .header *).login[data-v-ac2b3586]::part(native) { background: transparent; color: #fff;
}
.auroral-yellow .header .primaryBtn :where(.header, .header *).register[data-v-ac2b3586]::part(native) { background: #f7fb43; color: #2d2d2d;
}
.auroral-yellow .header .primaryBtn :where(.header, .header *).register-btn-warpper[data-v-ac2b3586] { display: flex; align-items: center; position: relative;
}
.auroral-yellow .header .primaryBtn .register-btn-warpper :where(.header, .header *).rewardTag[data-v-ac2b3586] { position: absolute; top: -0.5rem; right: -0.5rem;
}
.auroral-yellow .header ion-button:where(.header, .header *).init-btn[data-v-ac2b3586] { --padding-top: 0.375rem; --padding-bottom: 0.375rem; --padding-start: 0.625rem; --padding-end: 0.625rem; margin-top: 0; margin-bottom: 0; margin-inline-start: 0; margin-inline-end: 0; font-feature-settings: 'cpsp' on; font-size: 0.75rem; font-weight: 400; line-height: 1; min-height: min-content; --border-radius: 0.375rem;
}
.auroral-yellow .header ion-button:where(.header, .header *).unset-btn[data-v-ac2b3586] { --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:where(.header, .header *).outline-btn[data-v-ac2b3586] { --border-width: 0.0625rem; --border-style: solid;
}
.auroral-yellow .header ion-button:where(.header, .header *).outline-btn.login[data-v-ac2b3586] { --background: #1a223a; --color: #1f8ae4; --border-color: #1f8ae4;
}
.auroral-yellow .header ion-button:where(.header, .header *).outline-btn.login[data-v-ac2b3586]::part(native) { color: #1f8ae4;
}
.auroral-yellow .header ion-button:where(.header, .header *).outline-btn.register[data-v-ac2b3586] { --background: #3c3834; --color: #fba531; --border-color: #fba531;
}
.auroral-yellow .header ion-button:where(.header, .header *).outline-btn.register[data-v-ac2b3586]::part(native) { color: #fba531;
}
.auroral-yellow .header ion-button:where(.header, .header *).search[data-v-ac2b3586] { padding-left: 0.5rem; margin: 0; font-size: 1.375rem;
}
.auroral-yellow .header ion-button.search :where(.header, .header *).search-icon[data-v-ac2b3586] { color: #bdb8e1;
}
.auroral-yellow .header ion-button:where(.header, .header *).earth[data-v-ac2b3586] { flex-shrink: 0; padding-left: 0.5rem; margin: 0; font-size: 1.375rem;
}
.auroral-yellow .header ion-button.earth :where(.header, .header *).language-icon[data-v-ac2b3586] { color: #bdb8e1;
}
.auroral-yellow .header ion-button.btn-margin + :where(.header, .header *).btn-margin[data-v-ac2b3586] { margin-inline-start: 0.625rem;
}
.auroral-yellow :where(.header, .header *)#language[data-v-ac2b3586] { --background: #3b3466;
}
.auroral-yellow :where(.header, .header *)#language[data-v-ac2b3586]::part(content) { margin-top: 1.5rem; margin-left: 0.125rem; border-radius: 0.375rem; width: max-content;
}
.auroral-yellow #language ion-button[data-v-ac2b3586]:where(.header, .header *) { --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 :where(.header, .header *).flag[data-v-ac2b3586] { border-radius: 0.75rem; font-size: 1.25rem; margin-right: 0.5rem;
}
.auroral-yellow :where(.header, .header *).header[data-v-ac2b3586] { --padding-start: 0.875rem; --padding-end: 0.625rem;
}
.auroral-yellow :where(.header, .header *).header[data-v-ac2b3586] .menu-btn { padding-inline-start: 0; padding-inline-end: 0.375rem;
}
.auroral-yellow :where(.header, .header *).header[data-v-ac2b3586] .menu-bar { padding: 0.375rem; border-radius: 0.375rem; background: #171616;
}
.auroral-yellow .header .assets-box :where(.header, .header *).currency[data-v-ac2b3586], .auroral-yellow .header .assets-box :where(.header, .header *).assets-box-number[data-v-ac2b3586] { font-style: italic;
}
.auroral-yellow .header .assets-box :where(.header, .header *).deposit[data-v-ac2b3586] { margin-inline-start: 1.25rem; box-shadow: 0 -0.0625rem #f7fb43 inset;
}
.auroral-yellow .header .assets-box :where(.header, .header *).deposit[data-v-ac2b3586]::part(native) { font-size: 0.6875rem; font-weight: 600;
}
.auroral-yellow .header :where(.header, .header *).primaryBtn[data-v-ac2b3586] { display: flex; align-items: center;
}
.auroral-yellow .header .primaryBtn :where(.header, .header *).login[data-v-ac2b3586] { font-size: 0.875rem; font-weight: 700; --box-shadow: none; --background-hover: transparent;
}
.auroral-yellow .header .primaryBtn :where(.header, .header *).register[data-v-ac2b3586] { font-size: 0.875rem; font-weight: 700;
}
.auroral-yellow .header ion-button.btn-margin + :where(.header, .header *).btn-margin[data-v-ac2b3586] { margin-inline-start: 0.5rem;
}

    /* 首页侧栏：图标基础样式。 */
:where(.hot-icon[data-v-56ef257e]) .logo-definitions { width: 0; height: 0;
}
.hot-icon[data-v-56ef257e] { width: 100%; font-size: inherit;
}
.hot-icon[data-v-56ef257e] .img-box { width: 0; height: 0;
}
.hot-icon[data-v-56ef257e] .img-box.good-img { width: 100%; height: 100%;
}
.hot-icon[data-v-56ef257e] .symbol-main { width: 100%; height: 100%; font-size: inherit; display: block;
}
.hot-icon[data-v-56ef257e] .symbol-container { display: none;
}
.hot-icon[data-v-56ef257e] .svg-container { width: 100%; height: 100%; font-size: inherit;
}
.hot-icon[data-v-56ef257e] .svg-container svg { width: 100%; height: 100%;
}
.hot-icon[data-v-56ef257e] .svg-fill { width: 100%; height: 100%; font-size: inherit; color: inherit;
}
.hot-icon[data-v-56ef257e] .svg-fill svg [fill='currentColor'] { fill: var(--svg-fill, currentColor);
}
img.platform-item-icon[data-v-56ef257e] { object-fit: contain;
}

    /* 首页侧栏：平台列表与主题样式。 */
html :where(.game-platform, .game-platform *).layout1.game-platform[data-v-56ef257e] { background: var(--background, transparent);
}
html .layout1.game-platform :where(.game-platform, .game-platform *).platform-item[data-v-56ef257e] { padding: 0.75rem 0.875rem; display: flex; align-items: center; gap: 0.5rem;
}
html .layout1.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-icon[data-v-56ef257e] { display: block; width: 1.75rem; height: 1.75rem; font-size: 1.75rem; background-size: 800% 500%; color: var(--ep-color-icon-danger);
}
html .layout1.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-label[data-v-56ef257e] { font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-regular, 400); color: var(--ep-color-text-weaker);
}
html :where(.game-platform, .game-platform *).layout2.game-platform[data-v-56ef257e] { width: 100%; background: var(--background, transparent);
}
html .layout2.game-platform :where(.game-platform, .game-platform *).platform-item[data-v-56ef257e] { padding: 0.5625rem 0.625rem; display: flex; align-items: center; gap: 0.5rem;
}
html .layout2.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-icon-wrapper[data-v-56ef257e] { width: 1.75rem; height: 1.75rem; overflow: hidden; border-radius: 0.1875rem; background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.06));
}
html .layout2.game-platform .platform-item .platform-item-icon-wrapper :where(.game-platform, .game-platform *).platform-item-icon[data-v-56ef257e] { display: block; width: 100%; height: 100%; font-size: 1.75rem; background-size: 800% 500%; color: var(--ep-color-icon-danger);
}
html .layout2.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-label[data-v-56ef257e] { font-size: var(--ep-font-size-m, 0.875rem); font-weight: var(--ep-font-weight-regular, 400); color: var(--ep-color-text-weaker);
}
html :where(.game-platform, .game-platform *).layout3.game-platform[data-v-56ef257e] { background: var(--background, transparent);
}
html .layout3.game-platform :where(.game-platform, .game-platform *).platform-item[data-v-56ef257e] { padding: 0.375rem 0.625rem; display: flex; align-items: center; gap: 0.625rem;
}
html .layout3.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-icon[data-v-56ef257e] { display: block; width: 1.75rem; height: 1.75rem; font-size: 1.75rem; background-size: 800% 500%; color: var(--ep-color-icon-danger);
}
html .layout3.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-label[data-v-56ef257e] { font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-regular, 400); color: var(--ep-color-text-weaker, #8a867c);
}
html :where(.game-platform, .game-platform *).layout4.game-platform[data-v-56ef257e] { display: flex; flex-wrap: wrap; gap: 0.875rem; background: var(--background, transparent);
}
html .layout4.game-platform :where(.game-platform, .game-platform *).platform-item[data-v-56ef257e] { flex: 0 0 48%; overflow: hidden; padding: 0.375rem 0.875rem; display: flex; align-items: center; gap: 0.3125rem; border-radius: 0.25rem; border: 0.0625rem solid var(--ep-color-border-selected, #34571d); background: var(--ep-color-background-fill-surface-raised-L2, #2b4f14);
}
html .layout4.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-icon-wrapper[data-v-56ef257e] { width: 1.75rem; height: 1.75rem; overflow: hidden; border-radius: 0.1875rem; background: var(--background-icon, linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 100%));
}
html .layout4.game-platform .platform-item .platform-item-icon-wrapper :where(.game-platform, .game-platform *).platform-item-icon[data-v-56ef257e] { display: block; width: 100%; height: 100%; font-size: 1.75rem; background-size: 800% 500%; color: var(--ep-color-icon-danger);
}
html .layout4.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-label[data-v-56ef257e] { font-size: var(--ep-font-size-m, 0.875rem); font-weight: var(--ep-font-weight-regular, 400); color: var(--ep-color-text-weaker);
}
html :where(.game-platform, .game-platform *).layout26.game-platform[data-v-56ef257e] { display: flex; flex-direction: column; gap: 0.5rem; padding: 0 0.75rem;
}
html .layout26.game-platform :where(.game-platform, .game-platform *).platform-item[data-v-56ef257e] { background: var(--ep-color-background-fill-surface-raised-L2); display: flex; align-items: center; gap: 0.5rem; padding: 0.375rem 0.5rem; border-radius: var(--ep-border-radius-surface-default, 0.375rem);
}
html .layout26.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-icon[data-v-56ef257e] { display: block; width: 1.75rem; height: 1.75rem; font-size: 1.75rem; background-size: 800% 500%; color: var(--ep-color-icon-danger);
}
html .layout26.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-label[data-v-56ef257e] { font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-medium, 600); color: var(--ep-color-text-weaker);
}
html :where(.game-platform, .game-platform *).layout27.game-platform[data-v-56ef257e] { --list-gap: 0.375rem; display: flex; flex-wrap: wrap; gap: var(--list-gap); background: var(--background, transparent);
}
html .layout27.game-platform :where(.game-platform, .game-platform *).platform-item[data-v-56ef257e] { flex: 0 0 calc(50% - var(--list-gap) / 2); overflow: hidden; min-height: 2.625rem; padding: 0.25rem 0.625rem; margin: var(--item-margin); display: flex; align-items: center; gap: 0.375rem; border-radius: 0.375rem; border: 0.0625rem solid var(--ep-color-border-default); background: var(--ep-color-background-fill-surface-raised-L1);
}
html .layout27.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-icon[data-v-56ef257e] { display: block; width: 1.5rem; height: 1.5rem; font-size: 1.5rem; background-size: 800% 500%; color: var(--ep-color-icon-danger);
}
html .layout27.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-label[data-v-56ef257e] { font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-medium, 600); color: var(--ep-color-text-default, #fff);
}
html :where(.game-platform, .game-platform *).layout37.game-platform[data-v-56ef257e] { --list-gap: 0.375rem; display: flex; flex-wrap: wrap; gap: var(--list-gap); background: var(--background, transparent);
}
html .layout37.game-platform :where(.game-platform, .game-platform *).platform-item[data-v-56ef257e] { flex: 0 0 calc(50% - var(--list-gap) / 2); overflow: hidden; min-height: 2.625rem; padding: 0 0.5rem; margin: var(--item-margin); display: flex; align-items: center; gap: 0.375rem; border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-m); border: 0.0625rem solid var(--ep-color-border-default); background:  url('/images/home/bg-category37-r2.png') no-repeat right -0.875rem center, var(--ep-color-background-fill-surface-raised-L2); background-size: 6.3125rem 3.3125rem;
}
html .layout37.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-icon[data-v-56ef257e] { display: block; width: 2.25rem; height: 2.25rem; font-size: 1.5rem; background-size: 800% 500%; color: var(--ep-color-icon-danger);
}
html .layout37.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-label[data-v-56ef257e] { font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-regular, 400); color: var(--ep-color-text-default, #fff);
}
html :where(.game-platform, .game-platform *).layout47.game-platform[data-v-56ef257e] { display: flex; flex-wrap: wrap; gap: var(--list-gap); background: var(--background); --background: transparent; --list-gap: 0.625rem;
}
html .layout47.game-platform :where(.game-platform, .game-platform *).platform-item[data-v-56ef257e] { gap: 0.375rem; display: flex; overflow: hidden; align-items: center; min-height: 2.625rem; padding: 0.25rem 0.625rem; margin: var(--item-margin); flex: 0 0 calc(50% - var(--list-gap) / 2); background: var(--ep-color-background-fill-surface-raised-L1); --item-margin: 0;
}
html .layout47.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-icon[data-v-56ef257e] { display: block; width: 1.5rem; height: 1.5rem; font-size: 1.5rem; background-size: 800% 500%; color: var(--ep-color-icon-danger);
}
html .layout47.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-label[data-v-56ef257e] { font-size: var(--ep-font-size-s, 0.75rem); color: var(--ep-color-text-weaker, #7d948a);
}
html :where(.game-platform, .game-platform *).layout46.game-platform[data-v-56ef257e] { --list-gap: 0.375rem; display: flex; flex-wrap: wrap; gap: var(--list-gap); background: var(--background, transparent); max-height: 12.25rem; overflow-y: scroll;
}
html .layout46.game-platform :where(.game-platform, .game-platform *).platform-item[data-v-56ef257e] { flex: 0 0 calc(50% - var(--list-gap) / 2); overflow: hidden; min-height: 2.625rem; padding: 0 0.5rem; margin: var(--item-margin); display: flex; align-items: center; gap: 0.375rem; border-radius: var(--ep-border-radius-m); border: 0.0625rem solid var(--ep-color-border-default); background: var(--ep-color-background-fill-surface-raised-L1); background-size: 6.3125rem 3.3125rem;
}
html .layout46.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-icon[data-v-56ef257e] { display: block; width: 1.5rem; height: 1.5rem; font-size: 1.5rem; background-size: 800% 500%;
}
html .layout46.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-label[data-v-56ef257e] { font-size: var(--ep-font-size-s); font-weight: var(--ep-font-weight-regular); color: var(--ep-color-text-default);
}
html :where(.game-platform, .game-platform *).layout50.game-platform[data-v-56ef257e] { --list-gap: 0.375rem; display: flex; flex-wrap: wrap; gap: var(--list-gap); background: var(--background, transparent);
}
html .layout50.game-platform :where(.game-platform, .game-platform *).platform-item[data-v-56ef257e] { flex: 0 0 calc(50% - var(--list-gap) / 2); overflow: hidden; min-height: 2.625rem; padding: 0.25rem 0.625rem; margin: var(--item-margin); display: flex; align-items: center; gap: 0.375rem; border-radius: 0.5rem; border: 0.0625rem solid var(--ep-color-border-default); background: var(--ep-color-background-fill-surface-raised-L1); position: relative; --go-btn-bg: url('/images/home/category-btn-bg-50-r2.svg');
}
html .layout50.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-icon[data-v-56ef257e] { display: block; width: 1.5rem; height: 1.5rem; font-size: 1.5rem; background-size: 800% 500%;
}
html .layout50.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-label[data-v-56ef257e] { flex: 1; font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-medium, 600); color: var(--ep-color-text-brand-primary, #467ff0); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.forest-green :where(.game-platform, .game-platform *).game-platform[data-v-56ef257e] { --ep-color-text-weaker: #fff; --ep-color-border-selected: #009f76; --ep-color-background-fill-surface-raised-L2: linear-gradient(90deg, #00694a 0%, #00815d 50%, #00694a 100%); --background-icon: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(246, 252, 46, 0.17) 100%);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index :where(.game-platform, .game-platform *).layout1.game-platform[data-v-56ef257e] { background: var(--background, transparent);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout1.game-platform :where(.game-platform, .game-platform *).platform-item[data-v-56ef257e] { padding: 0.75rem 0.875rem; display: flex; align-items: center; gap: 0.5rem;
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout1.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-icon[data-v-56ef257e] { display: block; width: 1.75rem; height: 1.75rem; font-size: 1.75rem; background-size: 800% 500%; color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout1.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-label[data-v-56ef257e] { font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-regular, 400); color: var(--ep-color-text-weaker);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index :where(.game-platform, .game-platform *).layout2.game-platform[data-v-56ef257e] { width: 100%; background: var(--background, transparent);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout2.game-platform :where(.game-platform, .game-platform *).platform-item[data-v-56ef257e] { padding: 0.5625rem 0.625rem; display: flex; align-items: center; gap: 0.5rem;
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout2.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-icon-wrapper[data-v-56ef257e] { width: 1.75rem; height: 1.75rem; overflow: hidden; border-radius: 0.1875rem; background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.06));
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout2.game-platform .platform-item .platform-item-icon-wrapper :where(.game-platform, .game-platform *).platform-item-icon[data-v-56ef257e] { display: block; width: 100%; height: 100%; font-size: 1.75rem; background-size: 800% 500%; color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout2.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-label[data-v-56ef257e] { font-size: var(--ep-font-size-m, 0.875rem); font-weight: var(--ep-font-weight-regular, 400); color: var(--ep-color-text-weaker);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index :where(.game-platform, .game-platform *).layout3.game-platform[data-v-56ef257e] { background: var(--background, transparent);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout3.game-platform :where(.game-platform, .game-platform *).platform-item[data-v-56ef257e] { padding: 0.375rem 0.625rem; display: flex; align-items: center; gap: 0.625rem;
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout3.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-icon[data-v-56ef257e] { display: block; width: 1.75rem; height: 1.75rem; font-size: 1.75rem; background-size: 800% 500%; color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout3.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-label[data-v-56ef257e] { font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-regular, 400); color: var(--ep-color-text-weaker, #8a867c);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index :where(.game-platform, .game-platform *).layout4.game-platform[data-v-56ef257e] { display: flex; flex-wrap: wrap; gap: 0.875rem; background: var(--background, transparent);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout4.game-platform :where(.game-platform, .game-platform *).platform-item[data-v-56ef257e] { flex: 0 0 48%; overflow: hidden; padding: 0.375rem 0.875rem; display: flex; align-items: center; gap: 0.3125rem; border-radius: 0.25rem; border: 0.0625rem solid var(--ep-color-border-selected, #34571d); background: var(--ep-color-background-fill-surface-raised-L2, #2b4f14);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout4.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-icon-wrapper[data-v-56ef257e] { width: 1.75rem; height: 1.75rem; overflow: hidden; border-radius: 0.1875rem; background: var(--background-icon, linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 100%));
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout4.game-platform .platform-item .platform-item-icon-wrapper :where(.game-platform, .game-platform *).platform-item-icon[data-v-56ef257e] { display: block; width: 100%; height: 100%; font-size: 1.75rem; background-size: 800% 500%; color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout4.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-label[data-v-56ef257e] { font-size: var(--ep-font-size-m, 0.875rem); font-weight: var(--ep-font-weight-regular, 400); color: var(--ep-color-text-weaker);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index :where(.game-platform, .game-platform *).layout26.game-platform[data-v-56ef257e] { display: flex; flex-direction: column; gap: 0.5rem; padding: 0 0.75rem;
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout26.game-platform :where(.game-platform, .game-platform *).platform-item[data-v-56ef257e] { background: var(--ep-color-background-fill-surface-raised-L2); display: flex; align-items: center; gap: 0.5rem; padding: 0.375rem 0.5rem; border-radius: var(--ep-border-radius-surface-default, 0.375rem);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout26.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-icon[data-v-56ef257e] { display: block; width: 1.75rem; height: 1.75rem; font-size: 1.75rem; background-size: 800% 500%; color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout26.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-label[data-v-56ef257e] { font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-medium, 600); color: var(--ep-color-text-weaker);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index :where(.game-platform, .game-platform *).layout27.game-platform[data-v-56ef257e] { --list-gap: 0.375rem; display: flex; flex-wrap: wrap; gap: var(--list-gap); background: var(--background, transparent);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout27.game-platform :where(.game-platform, .game-platform *).platform-item[data-v-56ef257e] { flex: 0 0 calc(50% - var(--list-gap) / 2); overflow: hidden; min-height: 2.625rem; padding: 0.25rem 0.625rem; margin: var(--item-margin); display: flex; align-items: center; gap: 0.375rem; border-radius: 0.375rem; border: 0.0625rem solid var(--ep-color-border-default); background: var(--ep-color-background-fill-surface-raised-L1);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout27.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-icon[data-v-56ef257e] { display: block; width: 1.5rem; height: 1.5rem; font-size: 1.5rem; background-size: 800% 500%; color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout27.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-label[data-v-56ef257e] { font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-medium, 600); color: var(--ep-color-text-default, #fff);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index :where(.game-platform, .game-platform *).layout37.game-platform[data-v-56ef257e] { --list-gap: 0.375rem; display: flex; flex-wrap: wrap; gap: var(--list-gap); background: var(--background, transparent);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout37.game-platform :where(.game-platform, .game-platform *).platform-item[data-v-56ef257e] { flex: 0 0 calc(50% - var(--list-gap) / 2); overflow: hidden; min-height: 2.625rem; padding: 0 0.5rem; margin: var(--item-margin); display: flex; align-items: center; gap: 0.375rem; border-radius: var(--ep-border-radius-surface-small) var(--ep-border-radius-m); border: 0.0625rem solid var(--ep-color-border-default); background:  url('/images/home/bg-category37-r2.png') no-repeat right -0.875rem center, var(--ep-color-background-fill-surface-raised-L2); background-size: 6.3125rem 3.3125rem;
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout37.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-icon[data-v-56ef257e] { display: block; width: 2.25rem; height: 2.25rem; font-size: 1.5rem; background-size: 800% 500%; color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout37.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-label[data-v-56ef257e] { font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-regular, 400); color: var(--ep-color-text-default, #fff);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index :where(.game-platform, .game-platform *).layout47.game-platform[data-v-56ef257e] { display: flex; flex-wrap: wrap; gap: var(--list-gap); background: var(--background); --background: transparent; --list-gap: 0.625rem;
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout47.game-platform :where(.game-platform, .game-platform *).platform-item[data-v-56ef257e] { gap: 0.375rem; display: flex; overflow: hidden; align-items: center; min-height: 2.625rem; padding: 0.25rem 0.625rem; margin: var(--item-margin); flex: 0 0 calc(50% - var(--list-gap) / 2); background: var(--ep-color-background-fill-surface-raised-L1); --item-margin: 0;
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout47.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-icon[data-v-56ef257e] { display: block; width: 1.5rem; height: 1.5rem; font-size: 1.5rem; background-size: 800% 500%; color: var(--ep-color-icon-danger);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout47.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-label[data-v-56ef257e] { font-size: var(--ep-font-size-s, 0.75rem); color: var(--ep-color-text-weaker, #7d948a);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index :where(.game-platform, .game-platform *).layout46.game-platform[data-v-56ef257e] { --list-gap: 0.375rem; display: flex; flex-wrap: wrap; gap: var(--list-gap); background: var(--background, transparent); max-height: 12.25rem; overflow-y: scroll;
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout46.game-platform :where(.game-platform, .game-platform *).platform-item[data-v-56ef257e] { flex: 0 0 calc(50% - var(--list-gap) / 2); overflow: hidden; min-height: 2.625rem; padding: 0 0.5rem; margin: var(--item-margin); display: flex; align-items: center; gap: 0.375rem; border-radius: var(--ep-border-radius-m); border: 0.0625rem solid var(--ep-color-border-default); background: var(--ep-color-background-fill-surface-raised-L1); background-size: 6.3125rem 3.3125rem;
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout46.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-icon[data-v-56ef257e] { display: block; width: 1.5rem; height: 1.5rem; font-size: 1.5rem; background-size: 800% 500%;
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout46.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-label[data-v-56ef257e] { font-size: var(--ep-font-size-s); font-weight: var(--ep-font-weight-regular); color: var(--ep-color-text-default);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index :where(.game-platform, .game-platform *).layout50.game-platform[data-v-56ef257e] { --list-gap: 0.375rem; display: flex; flex-wrap: wrap; gap: var(--list-gap); background: var(--background, transparent);
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout50.game-platform :where(.game-platform, .game-platform *).platform-item[data-v-56ef257e] { flex: 0 0 calc(50% - var(--list-gap) / 2); overflow: hidden; min-height: 2.625rem; padding: 0.25rem 0.625rem; margin: var(--item-margin); display: flex; align-items: center; gap: 0.375rem; border-radius: 0.5rem; border: 0.0625rem solid var(--ep-color-border-default); background: var(--ep-color-background-fill-surface-raised-L1); position: relative; --go-btn-bg: url('/images/home/category-btn-bg-50-r2.svg');
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout50.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-icon[data-v-56ef257e] { display: block; width: 1.5rem; height: 1.5rem; font-size: 1.5rem; background-size: 800% 500%;
}
#tabbar-components-DrawerLeft-components-gameList-platform-1-index .layout50.game-platform .platform-item :where(.game-platform, .game-platform *).platform-item-label[data-v-56ef257e] { flex: 1; font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-medium, 600); color: var(--ep-color-text-brand-primary, #467ff0); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
ion-header[data-v-56ef257e]:where(ion-menu, ion-menu *):where(:not(.game-platform *)) { box-shadow: none;
}
ion-header ion-toolbar[data-v-56ef257e]:where(ion-menu, ion-menu *):where(:not(.game-platform *)) { --background: #141b24cc; --border-width: 0 0 0 0 !important;
}
[data-v-56ef257e]:not(:not(:where(ion-menu, ion-menu *):where(:not(.game-platform *))))::-webkit-scrollbar { width: 0.125rem; background: #21232a;
}
[data-v-56ef257e]:not(:not(:where(ion-menu, ion-menu *):where(:not(.game-platform *))))::-webkit-scrollbar-thumb { background-color: #2172ae; border-radius: 0.0625rem;
}
ion-menu[data-v-56ef257e]:where(ion-menu, ion-menu *):where(:not(.game-platform *)) { --max-width: 13.75rem; --background: transparent; background: rgba(0, 0, 0, 0.7);
}
ion-menu[data-v-56ef257e]:where(ion-menu, ion-menu *):where(:not(.game-platform *))::part(container) { border-radius: 0px 1.25rem 1.25rem 0px; height: calc(100% - 2.75rem); -webkit-backdrop-filter: blur(0.25rem); backdrop-filter: blur(0.25rem);
}
ion-menu ion-content[data-v-56ef257e]:where(ion-menu, ion-menu *):where(:not(.game-platform *))::part(background) { background: rgba(20, 27, 36, 0.8);
}
ion-menu ion-content[data-v-56ef257e]:where(ion-menu, ion-menu *):where(:not(.game-platform *))::part(scroll) { padding-left: 5px;
}
ion-menu[data-v-56ef257e]:where(ion-menu, ion-menu *):where(:not(.game-platform *))::part(container) { top: 2.75rem;
}
ion-menu-button[data-v-56ef257e]:where(ion-menu, ion-menu *):where(:not(.game-platform *)) { --padding-start: 5px; --padding-end: 5px; width: auto;
}
.card :where(ion-menu, ion-menu *):where(:not(.game-platform *)).icon[data-v-56ef257e] { background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.06)); border-radius: 0.1875rem;
}
.card .icon :where(ion-menu, ion-menu *):where(:not(.game-platform *)).type-icon[data-v-56ef257e], .card .icon :where(ion-menu, ion-menu *):where(:not(.game-platform *)).type-img[data-v-56ef257e] { width: 100%; height: 100%;
}
.card .icon :where(ion-menu, ion-menu *):where(:not(.game-platform *)).type-img[data-v-56ef257e] { display: block; background-size: 800% 500%;
}
.card ion-label[data-v-56ef257e]:where(ion-menu, ion-menu *):where(:not(.game-platform *)) { color: #fff; font-size: 0.875rem; margin-left: 0.375rem;
}
ion-menu-button[data-v-56ef257e]:where(ion-menu, ion-menu *):where(:not(.game-platform *))::part(native) { font-size: 24px;
}
ion-menu-toggle:where(ion-menu, ion-menu *):where(:not(.game-platform *)).on[data-v-56ef257e] { animation: fadeToTransparent-56ef257e 0.2s linear forwards;
}
ion-menu-toggle:where(ion-menu, ion-menu *):where(:not(.game-platform *)).records[data-v-56ef257e] { background: #1c2432;
}
@keyframes fadeToTransparent-56ef257e {
0% { background: #343947;
}
to { background: rgba(255, 0, 0, 0);
}
}
:where(ion-menu, ion-menu *):where(:not(.game-platform *)).drawer-support[data-v-56ef257e] { background: linear-gradient(90deg, #11316e, #1c2432 40%, #1c2432);
}
.drawer-support :where(ion-menu, ion-menu *):where(:not(.game-platform *)).line[data-v-56ef257e] { background: linear-gradient(180deg, #1061ff, #0037a1);
}
.drawer-support :where(ion-menu, ion-menu *):where(:not(.game-platform *)).text[data-v-56ef257e] { background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%);
}
:where(ion-menu, ion-menu *):where(:not(.game-platform *)).language[data-v-56ef257e] { background: linear-gradient(90deg, #902b8c, #1c2432 40%, #1c2432);
}
.language :where(ion-menu, ion-menu *):where(:not(.game-platform *)).line[data-v-56ef257e] { background: linear-gradient(180deg, #fa10ff, #c50ca8);
}
.language :where(ion-menu, ion-menu *):where(:not(.game-platform *)).text[data-v-56ef257e] { background: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%);
}
.green-default ion-menu ion-content[data-v-56ef257e]:where(ion-menu, ion-menu *):where(:not(.game-platform *))::part(background) { background: var(--color-bg-300);
}
.green-default :where(ion-menu, ion-menu *):where(:not(.game-platform *)).card[data-v-56ef257e] { background: var(--color-bg-200);
}
.green-default :where(ion-menu, ion-menu *):where(:not(.game-platform *)).text[data-v-56ef257e] { color: var(--color-text-gray-100);
}
.green-default :where(ion-menu, ion-menu *):where(:not(.game-platform *)).text-sub[data-v-56ef257e] { color: var(--color-text-gray-200);
}

    /* 源站语言弹窗：Ionic 将弹窗内容挂载到覆盖层，样式不依赖侧栏祖先。 */
ion-modal#modal-language[data-v-56ef257e] { --width: fit-content; --height: fit-content; --border-radius: 6px; --box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4);
}
ion-modal#modal-language[data-v-56ef257e]::part(content) { --height: fit-content;
}
.change-language-modal[data-v-56ef257e] { border-radius: 1rem; background: var(--color-bg-300);
}
.change-language-tips[data-v-56ef257e] { font-size: 1.125rem; line-height: 1.6875rem; font-weight: 700; color: var(--color-language-text);
}
.change-language-item[data-v-56ef257e] { display: flex; align-items: center; justify-content: space-between; font-size: 0.875rem; line-height: 1.3125rem; font-weight: 500; border-top: 1px solid var(--line-color);
}
.change-language-item-name[data-v-56ef257e] { color: var(--color-language-text);
}
ion-checkbox[data-v-56ef257e] { --checkbox-background-checked: var(--color-checkbox-bg);
}
.blue-default .change-language-modal[data-v-56ef257e] { background: var(--theme-color-gradient-300);
}
.blue-default .change-language-tips[data-v-56ef257e], .blue-default .change-language-item-name[data-v-56ef257e] { color: var(--color-text-100);
}
.blue-default .change-language-item[data-v-56ef257e] { border-top: 1px solid var(--color-border-400);
}
.blue-default ion-checkbox[data-v-56ef257e] { --checkbox-background-checked: var(--theme-color-gradient-100);
}

    /* 首页活动横幅的栅格间距与展示样式，从独立组件移入，保留原有规则顺序。 */
ion-col[data-v-05f3e9a1]:where(.activity-c, .activity-c *) { padding-inline-start: 0.1875rem; padding-inline-end: 0.1875rem; padding-top: 0; padding-bottom: 0;
}
ion-col div:where(.activity-c, .activity-c *).recharge[data-v-05f3e9a1] { background: linear-gradient(90deg, #ffdc62, #ffb448);
}
ion-col div:where(.activity-c, .activity-c *).activity[data-v-05f3e9a1] { background: linear-gradient(90deg, #c85ffb, #73a4f7);
}
ion-col:where(.activity-c, .activity-c *).agent[data-v-05f3e9a1] { background: linear-gradient(90deg, #e34a22, #ff8b3d 40%, #ff8b3d 59.5%, #e34a22);
}
ion-col.agent p[data-v-05f3e9a1]:where(.activity-c, .activity-c *) { position: relative; color: #d53d03;
}
ion-col.agent p[data-v-05f3e9a1]:where(.activity-c, .activity-c *):before { content: attr(text); position: absolute; top: -0.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;
}
:where(.activity-c, .activity-c *).arrow[data-v-05f3e9a1] { animation: arrow-05f3e9a1 1s infinite;
}
@keyframes arrow-05f3e9a1 {
0% { transform: translate(-5px);
}
50% { transform: translate(0);
}
to { transform: translate(-5px);
}
}

.main-content[data-v-05f3e9a1] { z-index: 20;
}
.tab-clearance[data-v-05f3e9a1] { height: calc(56px + 3.5rem);
}
.support[data-v-05f3e9a1] { bottom: calc(56px + env(safe-area-inset-bottom) + 0.75rem);
}
.to-top-box[data-v-05f3e9a1] { bottom: calc(56px + env(safe-area-inset-bottom) + 1rem);
}

.blue-default :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *))#inicio[data-v-05f3e9a1] { background: #090f1f;
}
.blue-default #inicio :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).main-content[data-v-05f3e9a1] { --background: transparent; position: relative;
}
.blue-default #inicio :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).main-content[data-v-05f3e9a1]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; z-index: -1; background-image: url('/images/home/texture_bg.png'); background-size: 5rem; background-repeat: repeat;
}
.blue-default #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).swiper-c[data-v-05f3e9a1] { margin-block-start: 0.9375rem; margin-inline: 0.9375rem;
}
.blue-default #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).segment-c[data-v-05f3e9a1] { top: 0; z-index: 10;
}
.blue-default #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).apart-view-c[data-v-05f3e9a1] .payment-box { margin-inline: 0.9375rem;
}
.blue-default .home-type-GameType.v01 #inicio .main-content :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).order-container[data-v-05f3e9a1] { display: flex; flex-flow: wrap;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).swiper-c[data-v-05f3e9a1] { order: 3; width: 100%; height: 11.25rem;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).activity-c[data-v-05f3e9a1] { order: 5; width: 100%;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).marquee-c[data-v-05f3e9a1] { order: 7; width: calc(100% - 1.875rem);
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).bonus-pool-c[data-v-05f3e9a1] { order: 9;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).segment-c[data-v-05f3e9a1] { order: 1; width: 100%;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-c[data-v-05f3e9a1] { order: 11; width: 100%;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).app-install-c[data-v-05f3e9a1] { order: 13; width: 100%;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).apart-view-c[data-v-05f3e9a1] { order: 15;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-class-c[data-v-05f3e9a1] { order: 17;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).footer-content-c[data-v-05f3e9a1] { order: 19; width: calc(100% - 1.875rem); margin-inline: 0.9375rem;
}
.blue-default .home-type-GameType.v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).platform-pool[data-v-05f3e9a1] { order: 21;
}
.blue-default .home-type-Platform.v02 :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *))#inicio[data-v-05f3e9a1] { background: #090f1f;
}
.blue-default .home-type-Platform.v02 #inicio :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).main-content[data-v-05f3e9a1] { --background: transparent; position: relative;
}
.blue-default .home-type-Platform.v02 #inicio :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).main-content[data-v-05f3e9a1]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; z-index: -1; background-image: none; background-size: 5rem; background-repeat: repeat;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).swiper-c[data-v-05f3e9a1] { margin-block-start: 0.9375rem; margin-inline: 0.9375rem;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).segment-c[data-v-05f3e9a1] { top: 0; z-index: 10;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).apart-view-c[data-v-05f3e9a1] .payment-box { margin-inline: 0.9375rem;
}
.blue-default .home-type-Platform.v02 #inicio .main-content :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).order-container[data-v-05f3e9a1] { display: flex; flex-flow: wrap;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).swiper-c[data-v-05f3e9a1] { width: 14.375rem; height: 14.375rem; margin: 0; margin-block-start: 0.625rem; margin-inline-start: 0.9375rem;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).activity-c[data-v-05f3e9a1] { flex: 1; width: 7.5rem; height: 14.375rem; margin-block-start: 0.625rem; margin-inline-start: 0.625rem; margin-inline-end: 0.9375rem;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).marquee-c[data-v-05f3e9a1] { width: 100%; margin-inline: unset; margin-block-start: 0.9375rem; padding-inline-start: 1.4375rem; padding-inline-end: 1.9375rem;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).app-install-c[data-v-05f3e9a1] { order: 2;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).apart-view-c[data-v-05f3e9a1] { order: 1;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-class-c[data-v-05f3e9a1] { order: 3;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).footer-content-c[data-v-05f3e9a1] { order: 4;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).platform-pool[data-v-05f3e9a1] { order: 1;
}
.blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).segment-c[data-v-05f3e9a1], .blue-default .home-type-Platform.v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-c[data-v-05f3e9a1] { width: 100%;
}
.blue-default .home-type-Platform.v02 #inicio :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).main-content[data-v-05f3e9a1]:before { opacity: 0.8; background-size: unset;
}
.green-default .v01 #inicio .main-content :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).order-container[data-v-05f3e9a1] { display: flex; flex-flow: wrap;
}
.green-default .v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).swiper-c[data-v-05f3e9a1] { width: 14.375rem; height: 14.375rem; margin: 0; margin-block-start: 0.625rem; margin-inline-start: 0.9375rem;
}
.green-default .v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).activity-c[data-v-05f3e9a1] { flex: 1; width: 7.5rem; height: 14.375rem; margin-block-start: 0.625rem; margin-inline-start: 0.625rem; margin-inline-end: 0.9375rem;
}
.green-default .v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).marquee-c[data-v-05f3e9a1] { width: 100%; margin-inline: unset; margin-block-start: 0.9375rem; padding-inline-start: 1.4375rem; padding-inline-end: 1.9375rem;
}
.green-default .v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).app-install-c[data-v-05f3e9a1] { order: 2;
}
.green-default .v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).apart-view-c[data-v-05f3e9a1] { order: 1;
}
.green-default .v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-class-c[data-v-05f3e9a1] { order: 3;
}
.green-default .v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).footer-content-c[data-v-05f3e9a1] { order: 4;
}
.green-default .v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).platform-pool[data-v-05f3e9a1] { order: 1;
}
.green-default .v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).segment-c[data-v-05f3e9a1], .green-default .v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-c[data-v-05f3e9a1] { width: 100%;
}
.green-default .v02 :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *))#inicio[data-v-05f3e9a1] { background: #213b10;
}
.green-default .v02 #inicio :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).main-content[data-v-05f3e9a1] { --background: transparent; position: relative;
}
.green-default .v02 #inicio :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).main-content[data-v-05f3e9a1]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; z-index: -1; background-image: none; background-size: 5rem; background-repeat: repeat;
}
.green-default .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).swiper-c[data-v-05f3e9a1] { margin-block-start: 0.9375rem; margin-inline: 0.9375rem;
}
.green-default .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).segment-c[data-v-05f3e9a1] { top: 0; z-index: 10;
}
.green-default .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).apart-view-c[data-v-05f3e9a1] .payment-box { margin-inline: 0.9375rem;
}
.green-default .v02 #inicio .main-content :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).order-container[data-v-05f3e9a1] { display: flex; flex-flow: wrap;
}
.green-default .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).swiper-c[data-v-05f3e9a1] { width: 14.375rem; height: 14.375rem; margin: 0; margin-block-start: 0.625rem; margin-inline-start: 0.9375rem;
}
.green-default .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).activity-c[data-v-05f3e9a1] { flex: 1; width: 7.5rem; height: 14.375rem; margin-block-start: 0.625rem; margin-inline-start: 0.625rem; margin-inline-end: 0.9375rem;
}
.green-default .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).marquee-c[data-v-05f3e9a1] { width: 100%; margin-inline: unset; margin-block-start: 0.9375rem; padding-inline-start: 1.4375rem; padding-inline-end: 1.9375rem;
}
.green-default .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).app-install-c[data-v-05f3e9a1] { order: 2;
}
.green-default .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).apart-view-c[data-v-05f3e9a1] { order: 1;
}
.green-default .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-class-c[data-v-05f3e9a1] { order: 3;
}
.green-default .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).footer-content-c[data-v-05f3e9a1] { order: 4;
}
.green-default .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).platform-pool[data-v-05f3e9a1] { order: 1;
}
.green-default .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).marquee-c[data-v-05f3e9a1] { margin-bottom: 1rem;
}
.green-default .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).segment-c[data-v-05f3e9a1] { width: 4.875rem; height: 37.5rem; margin-left: 0.9375rem; margin-right: 0.8125rem; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none;
}
.green-default .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).segment-c[data-v-05f3e9a1]::-webkit-scrollbar { display: none;
}
.green-default .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-c[data-v-05f3e9a1] { width: calc(100% - 6.625rem);
}
.green-default :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *))#inicio[data-v-05f3e9a1] { background: #213b10;
}
.green-default #inicio :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).main-content[data-v-05f3e9a1] { --background: transparent; position: relative;
}
.green-default #inicio :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).main-content[data-v-05f3e9a1]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; z-index: -1; background-image: none; background-size: 5rem; background-repeat: repeat;
}
.green-default #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).swiper-c[data-v-05f3e9a1] { margin-block-start: 0.9375rem; margin-inline: 0.9375rem;
}
.green-default #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).segment-c[data-v-05f3e9a1] { top: 0; z-index: 10;
}
.green-default #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).apart-view-c[data-v-05f3e9a1] .payment-box { margin-inline: 0.9375rem;
}
.forest-green .v01 :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *))#inicio[data-v-05f3e9a1] { background: #004d37;
}
.forest-green .v01 #inicio :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).main-content[data-v-05f3e9a1] { --background: transparent; position: relative;
}
.forest-green .v01 #inicio :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).main-content[data-v-05f3e9a1]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; z-index: -1; background-image: url('/images/home/inicio-bg.png'); background-size: 5rem; background-repeat: repeat;
}
.forest-green .v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).swiper-c[data-v-05f3e9a1] { margin-block-start: 0.9375rem; margin-inline: 0.9375rem;
}
.forest-green .v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).segment-c[data-v-05f3e9a1] { top: 0; z-index: 10;
}
.forest-green .v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).apart-view-c[data-v-05f3e9a1] .payment-box { margin-inline: 0.9375rem;
}
.forest-green .v01 #inicio .main-content :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).order-container[data-v-05f3e9a1] { display: flex; flex-flow: wrap;
}
.forest-green .v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).swiper-c[data-v-05f3e9a1] { width: 14.375rem; height: 14.375rem; margin: 0; margin-block-start: 0.625rem; margin-inline-start: 0.9375rem;
}
.forest-green .v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).activity-c[data-v-05f3e9a1] { flex: 1; width: 7.5rem; height: 14.375rem; margin-block-start: 0.625rem; margin-inline-start: 0.625rem; margin-inline-end: 0.9375rem;
}
.forest-green .v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).marquee-c[data-v-05f3e9a1] { width: 100%; margin-inline: unset; margin-block-start: 0.9375rem; padding-inline-start: 1.4375rem; padding-inline-end: 1.9375rem;
}
.forest-green .v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).app-install-c[data-v-05f3e9a1] { order: 2;
}
.forest-green .v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).apart-view-c[data-v-05f3e9a1] { order: 1;
}
.forest-green .v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-class-c[data-v-05f3e9a1] { order: 3;
}
.forest-green .v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).footer-content-c[data-v-05f3e9a1] { order: 4;
}
.forest-green .v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).platform-pool[data-v-05f3e9a1] { order: 1;
}
.forest-green .v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).segment-c[data-v-05f3e9a1], .forest-green .v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-c[data-v-05f3e9a1] { width: 100%;
}
.forest-green .v01 #inicio :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).main-content[data-v-05f3e9a1]:before { opacity: 0.8; background-size: unset;
}
.forest-green .v02 :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *))#inicio[data-v-05f3e9a1] { background: #004d37;
}
.forest-green .v02 #inicio :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).main-content[data-v-05f3e9a1] { --background: transparent; position: relative;
}
.forest-green .v02 #inicio :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).main-content[data-v-05f3e9a1]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; z-index: -1; background-image: url('/images/home/inicio-bg.png'); background-size: 5rem; background-repeat: repeat;
}
.forest-green .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).swiper-c[data-v-05f3e9a1] { margin-block-start: 0.9375rem; margin-inline: 0.9375rem;
}
.forest-green .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).segment-c[data-v-05f3e9a1] { top: 0; z-index: 10;
}
.forest-green .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).apart-view-c[data-v-05f3e9a1] .payment-box { margin-inline: 0.9375rem;
}
.forest-green .v02 #inicio .main-content :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).order-container[data-v-05f3e9a1] { display: flex; flex-flow: wrap;
}
.forest-green .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).swiper-c[data-v-05f3e9a1] { width: 14.375rem; height: 14.375rem; margin: 0; margin-block-start: 0.625rem; margin-inline-start: 0.9375rem;
}
.forest-green .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).activity-c[data-v-05f3e9a1] { flex: 1; width: 7.5rem; height: 14.375rem; margin-block-start: 0.625rem; margin-inline-start: 0.625rem; margin-inline-end: 0.9375rem;
}
.forest-green .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).marquee-c[data-v-05f3e9a1] { width: 100%; margin-inline: unset; margin-block-start: 0.9375rem; padding-inline-start: 1.4375rem; padding-inline-end: 1.9375rem;
}
.forest-green .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).app-install-c[data-v-05f3e9a1] { order: 2;
}
.forest-green .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).apart-view-c[data-v-05f3e9a1] { order: 1;
}
.forest-green .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-class-c[data-v-05f3e9a1] { order: 3;
}
.forest-green .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).footer-content-c[data-v-05f3e9a1] { order: 4;
}
.forest-green .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).platform-pool[data-v-05f3e9a1] { order: 1;
}
.forest-green .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).marquee-c[data-v-05f3e9a1] { margin-bottom: 1rem;
}
.forest-green .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).segment-c[data-v-05f3e9a1] { width: 4.875rem; height: 37.5rem; margin-left: 0.9375rem; margin-right: 0.8125rem; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none;
}
.forest-green .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).segment-c[data-v-05f3e9a1]::-webkit-scrollbar { display: none;
}
.forest-green .v02 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-c[data-v-05f3e9a1] { width: calc(100% - 6.625rem);
}
.forest-green .v02 #inicio :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).main-content[data-v-05f3e9a1]:before { opacity: 0.8; background-size: unset;
}
.amber-purple :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *))#inicio[data-v-05f3e9a1] { background: #262346;
}
.amber-purple #inicio :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).main-content[data-v-05f3e9a1] { --background: transparent; position: relative;
}
.amber-purple #inicio :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).main-content[data-v-05f3e9a1]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; z-index: -1; background-image: none; background-size: 5rem; background-repeat: repeat;
}
.amber-purple #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).swiper-c[data-v-05f3e9a1] { margin-block-start: 0.9375rem; margin-inline: 0.9375rem;
}
.amber-purple #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).segment-c[data-v-05f3e9a1] { top: 0; z-index: 10;
}
.amber-purple #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).apart-view-c[data-v-05f3e9a1] .payment-box { margin-inline: 0.9375rem;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).order-container[data-v-05f3e9a1] { display: flex; flex-flow: wrap;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).swiper-c[data-v-05f3e9a1] { width: 14.375rem; height: 14.375rem; margin: 0; margin-block-start: 0.625rem; margin-inline-start: 0.9375rem;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).activity-c[data-v-05f3e9a1] { flex: 1; width: 7.5rem; height: 14.375rem; margin-block-start: 0.625rem; margin-inline-start: 0.625rem; margin-inline-end: 0.9375rem;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).marquee-c[data-v-05f3e9a1] { width: 100%; margin-inline: unset; margin-block-start: 0.9375rem; padding-inline-start: 1.4375rem; padding-inline-end: 1.9375rem;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).app-install-c[data-v-05f3e9a1] { order: 2;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).apart-view-c[data-v-05f3e9a1] { order: 1;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-class-c[data-v-05f3e9a1] { order: 3;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).footer-content-c[data-v-05f3e9a1] { order: 4;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).platform-pool[data-v-05f3e9a1] { order: 1;
}
.amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).segment-c[data-v-05f3e9a1], .amber-purple .home-type-Platform.v01 #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-c[data-v-05f3e9a1] { width: 100%;
}
.amber-purple .home-type-Platform.v01 #inicio :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).main-content[data-v-05f3e9a1]:before { opacity: 0.8; background-size: unset;
}
.auroral-yellow :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *))#inicio[data-v-05f3e9a1] { background: #171616;
}
.auroral-yellow #inicio :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).main-content[data-v-05f3e9a1] { --background: transparent; position: relative;
}
.auroral-yellow #inicio :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).main-content[data-v-05f3e9a1]:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; z-index: -1; background-image: none; background-size: 5rem; background-repeat: repeat;
}
.auroral-yellow #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).swiper-c[data-v-05f3e9a1] { margin-block-start: 0.9375rem; margin-inline: 0.9375rem;
}
.auroral-yellow #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).segment-c[data-v-05f3e9a1] { top: 0; z-index: 10;
}
.auroral-yellow #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).apart-view-c[data-v-05f3e9a1] .payment-box { margin-inline: 0.9375rem;
}
.auroral-yellow #inicio .main-content :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).order-container[data-v-05f3e9a1] { display: flex; flex-flow: wrap;
}
.auroral-yellow #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).swiper-c[data-v-05f3e9a1] { order: 1; width: 100%; height: 11.25rem; margin-block-start: 0.875rem;
}
.auroral-yellow #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).activity-c[data-v-05f3e9a1] { order: 3; width: 100%; margin-block-start: 0.6875rem;
}
.auroral-yellow #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).activity-c[data-v-05f3e9a1] ion-segment { height: 4.375rem; gap: 0.75rem;
}
.auroral-yellow #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).activity-c[data-v-05f3e9a1] ion-segment ion-segment-button { width: 7rem; border-radius: 0.375rem; --border-radius: 0.375rem;
}
.auroral-yellow #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).marquee-c[data-v-05f3e9a1] { order: 5; width: calc(100% - 1.875rem);
}
.auroral-yellow #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *))#game-buoy[data-v-05f3e9a1] { order: 6; width: 100%;
}
.auroral-yellow #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).bonus-pool-c[data-v-05f3e9a1] { order: 7;
}
.auroral-yellow #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).segment-c[data-v-05f3e9a1] { order: 9; width: 100%;
}
.auroral-yellow #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).game-c[data-v-05f3e9a1] { order: 11; width: 100%;
}
.auroral-yellow #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).app-install-c[data-v-05f3e9a1] { order: 13; width: 100%;
}
.auroral-yellow #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).apart-view-c[data-v-05f3e9a1] { order: 15; width: 100%;
}
.auroral-yellow #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).apart-view-c[data-v-05f3e9a1] .social-box { display: none;
}
.auroral-yellow #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).footer-content-c[data-v-05f3e9a1] { order: 19; width: calc(100% - 1.875rem); margin-inline: 0.9375rem;
}
.auroral-yellow #inicio .main-content .order-container :where(:not(#pwa-header-bar *, .header *, .activity-c *, .support *, .to-top-box *)).platform-pool[data-v-05f3e9a1] { order: 21;
}

.blue-default :where(.support, .support *).support[data-v-05f3e9a1] { 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 :where(.support, .support *).dot[data-v-05f3e9a1] { position: absolute; top: 0.5rem; left: 1.5625rem; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: red;
}
.forest-green :where(.support, .support *).support[data-v-05f3e9a1], .green-default :where(.support, .support *).support[data-v-05f3e9a1] { 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 :where(.support, .support *).dot[data-v-05f3e9a1], .green-default .support :where(.support, .support *).dot[data-v-05f3e9a1] { position: absolute; top: 0.5rem; left: 1.5625rem; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: red;
}
.amber-purple :where(.support, .support *).support[data-v-05f3e9a1] { 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 :where(.support, .support *).dot[data-v-05f3e9a1] { position: absolute; top: 0.5rem; left: 1.5625rem; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: red;
}
.blue-default :where(.to-top-box, .to-top-box *).to-top-box[data-v-05f3e9a1] { width: 2.5rem; height: 2.5rem; border-radius: 50%; font-size: 0.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 :where(.to-top-box, .to-top-box *).icon-wall[data-v-05f3e9a1] { 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 :where(.to-top-box, .to-top-box *).icon[data-v-05f3e9a1] { color: #fff;
}
.blue-default .to-top-box :where(.to-top-box, .to-top-box *).to-top-text[data-v-05f3e9a1] { color: #fff; font-size: 0.75rem; font-weight: 500; margin-bottom: 0.125rem;
}
.amber-purple :where(.to-top-box, .to-top-box *).to-top-box[data-v-05f3e9a1] { width: 2.5rem; height: 2.5rem; border-radius: 50%; font-size: 0.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 :where(.to-top-box, .to-top-box *).icon-wall[data-v-05f3e9a1] { 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 :where(.to-top-box, .to-top-box *).icon[data-v-05f3e9a1] { color: #fff;
}
.amber-purple .to-top-box :where(.to-top-box, .to-top-box *).to-top-text[data-v-05f3e9a1] { color: #fff; font-size: 0.75rem; font-weight: 500; margin-bottom: 0.125rem;
}
.forest-green :where(.to-top-box, .to-top-box *).to-top-box[data-v-05f3e9a1], .green-default :where(.to-top-box, .to-top-box *).to-top-box[data-v-05f3e9a1] { width: 2.5rem; height: 2.5rem; border-radius: 50%; font-size: 0.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 :where(.to-top-box, .to-top-box *).icon-wall[data-v-05f3e9a1], .green-default .to-top-box :where(.to-top-box, .to-top-box *).icon-wall[data-v-05f3e9a1] { 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 :where(.to-top-box, .to-top-box *).icon[data-v-05f3e9a1], .green-default .to-top-box .icon-wall :where(.to-top-box, .to-top-box *).icon[data-v-05f3e9a1] { color: #fff;
}
.forest-green .to-top-box :where(.to-top-box, .to-top-box *).to-top-text[data-v-05f3e9a1], .green-default .to-top-box :where(.to-top-box, .to-top-box *).to-top-text[data-v-05f3e9a1] { color: #fff; font-size: 0.75rem; font-weight: 500; margin-bottom: 0.125rem;
}

.amount-display[data-v-fb2c36c2] { display: inline-flex; align-items: center; gap: 0.125rem;
}
.amount-display .currency-icon[data-v-fb2c36c2] { height: 0.625rem; display: block; flex-shrink: 0;
}
.layout42 .amount-display[data-v-fb2c36c2] { display: block; flex: 1;
}

    /* 源站全局空态样式，素材通过统一 gimage 引用。 */
.empty-bg-img[data-v-72606dfc] { background-color: transparent; background-repeat: no-repeat; background-size: 7.5rem;
}
ion-button[data-v-72606dfc] { --border-radius: 5px; --color: white; width: 10.9375rem; min-height: 2.5rem;
}
ion-infinite-scroll[data-v-72606dfc] { min-height: 70px;
}
ion-infinite-scroll-content[data-v-72606dfc] { min-height: 10px;
}
ion-modal#receiveHint[data-v-72606dfc] { --width: 19.375rem; --height: 10rem; --background: #090f1f; --border-radius: 15px;
}
#receiveHint ion-button[data-v-72606dfc] { --color: #fff; --border-radius: 5px; min-height: 35px;
}
.shiny[data-v-72606dfc] { position: relative; overflow: hidden;
}
.shiny[data-v-72606dfc]:before { content: ''; animation: shiny-72606dfc 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-72606dfc {
0% { opacity: 0; transform: scale(0) rotate(45deg);
}
80% { opacity: 0.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-72606dfc] { background-color: var(--color-bg-200);
}
ion-button[data-v-72606dfc] { --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-72606dfc] { --background: var(--color-btn-gradient-claimUnable); color: var(--color-text-white-100); --background-activated: none; --background-focused: none; --background-hover: none;
}
[data-v-72606dfc] ion-infinite-scroll .infinite-scroll-content-ios .infinite-loading-text { color: var(--text-color-white-40);
}
.unclaim-reward-label[data-v-72606dfc], .default-unclaim-table-color[data-v-72606dfc] { color: var(--color-text-white-100);
}
.unclaim-empty-text-color[data-v-72606dfc] { color: var(--text-color-white-40);
}
.unclaim-emphasize-color[data-v-72606dfc] { color: var(--accent-color-yellow);
}
.receive-box[data-v-72606dfc] { color: var(--color-text-white-100);
}
.blue-default ion-row.odd[data-v-72606dfc] { background-color: var(--color-bg-200);
}
.blue-default ion-button[data-v-72606dfc] { --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-72606dfc] { --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-72606dfc] ion-infinite-scroll .infinite-scroll-content-ios .infinite-loading-text { color: var(--text-color-white-40);
}
.blue-default .unclaim-reward-label[data-v-72606dfc], .blue-default .default-unclaim-table-color[data-v-72606dfc] { color: var(--color-text-white-100);
}
.blue-default .unclaim-empty-text-color[data-v-72606dfc] { color: var(--text-color-white-40);
}
.blue-default .unclaim-emphasize-color[data-v-72606dfc] { color: var(--accent-color-yellow);
}
.blue-default .receive-box[data-v-72606dfc] { color: var(--color-text-white-100);
}
.green-default ion-row.odd[data-v-72606dfc] { background-color: var(--color-bg-200);
}
.green-default ion-button[data-v-72606dfc] { --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-72606dfc] { --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-72606dfc] ion-infinite-scroll .infinite-scroll-content-ios .infinite-loading-text { color: var(--color-text-gray-200);
}
.green-default .unclaim-reward-label[data-v-72606dfc], .green-default .default-unclaim-table-color[data-v-72606dfc] { color: var(--color-text-gray-100);
}
.green-default .unclaim-empty-text-color[data-v-72606dfc] { color: var(--color-text-gray-200);
}
.green-default .unclaim-emphasize-color[data-v-72606dfc] { color: var(--accent-color-yellow);
}
.green-default .receive-box[data-v-72606dfc] { color: var(--color-text-white-100);
}
.forest-green ion-row.odd[data-v-72606dfc] { background-color: var(--color-bg-200);
}
.forest-green ion-button[data-v-72606dfc] { --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-72606dfc] { --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-72606dfc] ion-infinite-scroll .infinite-scroll-content-ios .infinite-loading-text { color: var(--text-color-white-40);
}
.forest-green .unclaim-reward-label[data-v-72606dfc], .forest-green .default-unclaim-table-color[data-v-72606dfc] { color: var(--color-text-white-100);
}
.forest-green .unclaim-empty-text-color[data-v-72606dfc] { color: var(--text-color-white-40);
}
.forest-green .unclaim-emphasize-color[data-v-72606dfc] { color: var(--accent-color-yellow);
}
.forest-green .receive-box[data-v-72606dfc] { color: var(--color-text-white-100);
}
.amber-purple ion-row.odd[data-v-72606dfc] { background-color: var(--color-bg-200);
}
.amber-purple ion-button[data-v-72606dfc] { --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-72606dfc] { --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-72606dfc] 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-72606dfc], .amber-purple .default-unclaim-table-color[data-v-72606dfc] { color: var(--text-color-light-purple-1-100);
}
.amber-purple .unclaim-empty-text-color[data-v-72606dfc] { color: var(--text-color-light-purple-2-100);
}
.amber-purple .unclaim-emphasize-color[data-v-72606dfc] { color: var(--accent-color-yellow);
}
.amber-purple .receive-box[data-v-72606dfc] { color: var(--color-text-white-100);
}
.auroral-yellow ion-row.odd[data-v-72606dfc] { background-color: var(--color-bg-200);
}
.auroral-yellow ion-button[data-v-72606dfc] { --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-72606dfc] { --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-72606dfc] ion-infinite-scroll .infinite-scroll-content-ios .infinite-loading-text { color: var(--text-color-white-40);
}
.auroral-yellow .unclaim-reward-label[data-v-72606dfc], .auroral-yellow .default-unclaim-table-color[data-v-72606dfc] { color: var(--color-text-white-100);
}
.auroral-yellow .unclaim-empty-text-color[data-v-72606dfc] { color: var(--text-color-white-40);
}
.auroral-yellow .unclaim-emphasize-color[data-v-72606dfc] { color: var(--accent-color-yellow);
}
.auroral-yellow .receive-box[data-v-72606dfc] { color: var(--color-text-white-100);
}

.empty-bg-img[data-v-ec5573ca] { background-color: transparent; background-repeat: no-repeat; background-size: 7.5rem;
}
ion-select[data-v-ec5573ca] { --padding-start: 0; --padding-end: 0; --border-width: 1px; min-height: 1.625rem;
}
ion-infinite-scroll[data-v-ec5573ca] { min-height: 70px;
}
ion-infinite-scroll-content[data-v-ec5573ca] { min-height: 10px;
}
ion-icon[data-v-ec5573ca] { transition: transform 0.1s linear;
}
ion-icon.on[data-v-ec5573ca] { transform: rotate(180deg);
}
ion-popover[data-v-ec5573ca] { --backdrop-opacity: 0;
}
ion-row.odd[data-v-ec5573ca] { background-color: var(--color-bg-200);
}
ion-popover[data-v-ec5573ca] { --background: var(--color-bg-200);
}
ion-popover ion-row ion-col p.on[data-v-ec5573ca] { background: var(--theme-color-gradient-100); color: var(--color-text-white-100);
}
[data-v-ec5573ca] ion-infinite-scroll .infinite-scroll-content-ios .infinite-loading-text { color: var(--text-color-white-40);
}
.selected-date-border[data-v-ec5573ca] { border-color: var(--color-text-white-100);
}
.select-date-border[data-v-ec5573ca] { border-color: var(--text-color-white-40);
}
.select-date-text-color[data-v-ec5573ca] { color: var(--color-text-white-100);
}
.select-date-icon-color[data-v-ec5573ca] { color: var(--text-color-white-40);
}
.select-popover-on[data-v-ec5573ca] { border: 1px solid var(--color-border-600); color: var(--color-text-gray-200);
}
.reward-label[data-v-ec5573ca] { color: var(--color-text-white-100);
}
.reward-money[data-v-ec5573ca] { color: var(--accent-color-yellow);
}
.default-claim-table-color[data-v-ec5573ca] { color: var(--color-text-white-100);
}
.default-claim-table-emphasize[data-v-ec5573ca] { color: var(--accent-color-yellow);
}
.claim-empty-text-color[data-v-ec5573ca] { color: var(--text-color-white-40);
}
.blue-default ion-row.odd[data-v-ec5573ca] { background-color: var(--color-bg-200);
}
.blue-default ion-popover[data-v-ec5573ca] { --background: var(--color-bg-200);
}
.blue-default ion-popover ion-row ion-col p.on[data-v-ec5573ca] { background: var(--theme-color-gradient-100); color: var(--color-text-white-100);
}
.blue-default[data-v-ec5573ca] ion-infinite-scroll .infinite-scroll-content-ios .infinite-loading-text { color: var(--text-color-white-40);
}
.blue-default .selected-date-border[data-v-ec5573ca] { border-color: var(--color-text-white-100);
}
.blue-default .select-date-border[data-v-ec5573ca] { border-color: var(--text-color-white-40);
}
.blue-default .select-date-text-color[data-v-ec5573ca] { color: var(--color-text-white-100);
}
.blue-default .select-date-icon-color[data-v-ec5573ca] { color: var(--text-color-white-40);
}
.blue-default .select-popover-on[data-v-ec5573ca] { border: 1px solid var(--color-border-600); color: var(--color-text-gray-200);
}
.blue-default .reward-label[data-v-ec5573ca] { color: var(--color-text-white-100);
}
.blue-default .reward-money[data-v-ec5573ca] { color: var(--accent-color-yellow);
}
.blue-default .default-claim-table-color[data-v-ec5573ca] { color: var(--color-text-white-100);
}
.blue-default .default-claim-table-emphasize[data-v-ec5573ca] { color: var(--accent-color-yellow);
}
.blue-default .claim-empty-text-color[data-v-ec5573ca] { color: var(--text-color-white-40);
}
.green-default ion-row.odd[data-v-ec5573ca] { background-color: var(--color-bg-200);
}
.green-default ion-popover[data-v-ec5573ca] { --background: var(--color-bg-200);
}
.green-default ion-popover ion-row ion-col p.on[data-v-ec5573ca] { background: var(--theme-color-gradient-100); color: var(--color-text-white-100);
}
.green-default[data-v-ec5573ca] ion-infinite-scroll .infinite-scroll-content-ios .infinite-loading-text { color: var(--color-text-gray-200);
}
.green-default .selected-date-border[data-v-ec5573ca] { border-color: var(--color-text-gray-100);
}
.green-default .select-date-border[data-v-ec5573ca] { border-color: var(--color-text-gray-200);
}
.green-default .select-date-text-color[data-v-ec5573ca] { color: var(--color-text-gray-100);
}
.green-default .select-date-icon-color[data-v-ec5573ca] { color: var(--color-text-gray-200);
}
.green-default .select-popover-on[data-v-ec5573ca] { border: 1px solid var(--color-line); color: var(--color-text-gray-200);
}
.green-default .reward-label[data-v-ec5573ca] { color: var(--color-text-gray-100);
}
.green-default .reward-money[data-v-ec5573ca] { color: var(--accent-color-yellow);
}
.green-default .default-claim-table-color[data-v-ec5573ca] { color: var(--color-text-gray-100);
}
.green-default .default-claim-table-emphasize[data-v-ec5573ca] { color: var(--accent-color-yellow);
}
.green-default .claim-empty-text-color[data-v-ec5573ca] { color: var(--color-text-gray-200);
}
.amber-purple ion-row.odd[data-v-ec5573ca] { background-color: var(--color-bg-200);
}
.amber-purple ion-popover[data-v-ec5573ca] { --background: var(--color-bg-200);
}
.amber-purple ion-popover ion-row ion-col p.on[data-v-ec5573ca] { background: var(--color-bg-100); color: var(--text-color-white-100);
}
.amber-purple[data-v-ec5573ca] 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-ec5573ca] { border-color: var(--text-color-light-purple-1-100);
}
.amber-purple .select-date-border[data-v-ec5573ca] { border-color: var(--text-color-light-purple-2-100);
}
.amber-purple .select-date-text-color[data-v-ec5573ca] { color: var(--text-color-light-purple-1-100);
}
.amber-purple .select-date-icon-color[data-v-ec5573ca] { color: var(--text-color-light-purple-2-100);
}
.amber-purple .select-popover-on[data-v-ec5573ca] { border: 1px solid var(--color-line); color: var(--text-color-light-purple-2-100);
}
.amber-purple .reward-label[data-v-ec5573ca] { color: var(--text-color-light-purple-1-100);
}
.amber-purple .reward-money[data-v-ec5573ca] { color: var(--accent-color-yellow);
}
.amber-purple .default-claim-table-color[data-v-ec5573ca] { color: var(--text-color-light-purple-1-100);
}
.amber-purple .default-claim-table-emphasize[data-v-ec5573ca] { color: var(--accent-color-yellow);
}
.amber-purple .claim-empty-text-color[data-v-ec5573ca] { color: var(--text-color-light-purple-2-100);
}
.auroral-yellow ion-row.odd[data-v-ec5573ca] { background-color: var(--color-bg-200);
}
.auroral-yellow ion-popover[data-v-ec5573ca] { --background: var(--color-bg-200);
}
.auroral-yellow ion-popover ion-row ion-col p.on[data-v-ec5573ca] { background: var(--theme-color-800); color: var(--agent-btn-color);
}
.auroral-yellow[data-v-ec5573ca] ion-infinite-scroll .infinite-scroll-content-ios .infinite-loading-text { color: var(--text-color-white-40);
}
.auroral-yellow .selected-date-border[data-v-ec5573ca] { border-color: var(--color-text-white-100);
}
.auroral-yellow .select-date-border[data-v-ec5573ca] { border-color: var(--text-color-white-40);
}
.auroral-yellow .select-date-text-color[data-v-ec5573ca] { color: var(--color-text-white-100);
}
.auroral-yellow .select-date-icon-color[data-v-ec5573ca] { color: var(--text-color-white-40);
}
.auroral-yellow .select-popover-on[data-v-ec5573ca] { border: 1px solid var(--color-border-600); color: var(--color-text-gray-200);
}
.auroral-yellow .reward-label[data-v-ec5573ca] { color: var(--color-text-white-100);
}
.auroral-yellow .reward-money[data-v-ec5573ca] { color: var(--accent-color-yellow);
}
.auroral-yellow .default-claim-table-color[data-v-ec5573ca] { color: var(--color-text-white-100);
}
.auroral-yellow .default-claim-table-emphasize[data-v-ec5573ca] { color: var(--accent-color-yellow);
}
.auroral-yellow .claim-empty-text-color[data-v-ec5573ca] { color: var(--text-color-white-40);
}

ion-toolbar[data-v-2291f08a] { --min-height: 3.125rem;
}
ion-button[data-v-2291f08a]::part(native) { width: 22.5rem; height: 2.5rem; border-radius: 0.625rem;
}
ion-input[data-v-2291f08a] { --border-width: 0px; font-size: 0.875rem;
}
.redemption[data-v-2291f08a] { font-size: 0.875rem; min-height: 2.5rem;
}
ion-input[data-v-2291f08a] { --placeholder-color: var(--color-text-white-40); --color: var(--color-text-white-100);
}
.inputBg[data-v-2291f08a] { background: var(null);
}
.redemption[data-v-2291f08a] { --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-2291f08a] { color: var(--color-text-white-100);
}
.redeem-input-box[data-v-2291f08a] { border: 1px solid var(--color-border-600);
}
.redeem-btn-text-color[data-v-2291f08a] { color: var(--color-text-white-100);
}
.redeem-description[data-v-2291f08a] { color: var(--text-color-white-40);
}
.blue-default ion-input[data-v-2291f08a] { --placeholder-color: var(--color-text-white-40); --color: var(--color-text-white-100);
}
.blue-default .inputBg[data-v-2291f08a] { background: var(null);
}
.blue-default .redemption[data-v-2291f08a] { --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-2291f08a] { color: var(--color-text-white-100);
}
.blue-default .redeem-input-box[data-v-2291f08a] { border: 1px solid var(--color-border-600);
}
.blue-default .redeem-btn-text-color[data-v-2291f08a] { color: var(--color-text-white-100);
}
.blue-default .redeem-description[data-v-2291f08a] { color: var(--text-color-white-40);
}
.green-default ion-input[data-v-2291f08a] { --placeholder-color: var(--color-text-gray-200); --color: var(--color-text-white-100);
}
.green-default .inputBg[data-v-2291f08a] { background: var(null);
}
.green-default .redemption[data-v-2291f08a] { --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-2291f08a] { color: var(--color-text-gray-100);
}
.green-default .redeem-input-box[data-v-2291f08a] { border: 1px solid var(--color-line);
}
.green-default .redeem-btn-text-color[data-v-2291f08a] { color: var(--color-text-white-100);
}
.green-default .redeem-description[data-v-2291f08a] { color: var(--color-text-gray-200);
}
.forest-green ion-input[data-v-2291f08a] { --placeholder-color: var(--color-text-white-40); --color: var(--color-text-white-100);
}
.forest-green .inputBg[data-v-2291f08a] { background: var(--color-bg-400);
}
.forest-green .redemption[data-v-2291f08a] { --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-2291f08a] { color: var(--color-text-white-100);
}
.forest-green .redeem-input-box[data-v-2291f08a] { border: 1px solid var(--color-border-600);
}
.forest-green .redeem-btn-text-color[data-v-2291f08a] { color: var(--color-text-white-100);
}
.forest-green .redeem-description[data-v-2291f08a] { color: var(--color-text-gray-200);
}
.amber-purple ion-input[data-v-2291f08a] { --placeholder-color: var(--text-color-light-purple-2-100); --color: var(--text-color-white-100);
}
.amber-purple .inputBg[data-v-2291f08a] { background: var(null);
}
.amber-purple .redemption[data-v-2291f08a] { --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-2291f08a] { color: var(--text-color-light-purple-1-100);
}
.amber-purple .redeem-input-box[data-v-2291f08a] { border: 1px solid var(--line-color);
}
.amber-purple .redeem-btn-text-color[data-v-2291f08a] { color: var(--text-color-white-100);
}
.amber-purple .redeem-description[data-v-2291f08a] { color: var(--text-color-light-purple-2-100);
}
.auroral-yellow ion-input[data-v-2291f08a] { --placeholder-color: var(--color-text-white-40); --color: var(--color-text-white-100);
}
.auroral-yellow .inputBg[data-v-2291f08a] { background: var(null);
}
.auroral-yellow .redemption[data-v-2291f08a] { --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-2291f08a] { color: var(--color-text-white-100);
}
.auroral-yellow .redeem-input-box[data-v-2291f08a] { border: 1px solid var(--color-border-600);
}
.auroral-yellow .redeem-btn-text-color[data-v-2291f08a] { color: var(--color-text-white-100);
}
.auroral-yellow .redeem-description[data-v-2291f08a] { color: var(--text-color-white-40);
}

    /* 源站 BackButton/f495a37e 的页面内实例。 */
.vip-back-button[data-v-f97f7336] { --padding-top: 0.1875rem; --padding-bottom: 0.1875rem; --background: transparent; --background-activated: transparent; --background-hover: transparent; --background-focused: transparent; --box-shadow: none; min-height: 0;
}
.vip-back-button[data-v-f97f7336]::part(native) { --padding-start: 0.125rem; --padding-end: 0.25rem; background: transparent;
}
.vip-back-button ion-icon[data-v-f97f7336] { color: var(--color-text-title-basic);
}
    /* 容器适配只用于原有活动页嵌入场景。 */
.vip-embedded[data-v-f97f7336] { contain: size style; padding-bottom: calc(4.5rem + env(safe-area-inset-bottom));
}
.ion-page-hidden .shiny[data-v-f97f7336]::before { animation-play-state: paused;
}

.vipLevelList[data-v-f97f7336] { height: calc(100% - 5rem);
}
table[data-v-f97f7336] { border-collapse: collapse; background-color: transparent;
}
table.table th[data-v-f97f7336], table.table td[data-v-f97f7336] { line-height: 1.5625rem; width: 12.5%;
}
.unZhTable thead tr th[data-v-f97f7336] { height: 2.6rem; line-height: 0.9rem;
}
table th[data-v-f97f7336]:first-child, table td[data-v-f97f7336]:first-child { border-left: none;
}
table th[data-v-f97f7336]:last-child, table td[data-v-f97f7336]:last-child { border-right: none;
}
table thead tr:first-child th[data-v-f97f7336], table thead tr:first-child td[data-v-f97f7336] { border-top: none;
}
table tr:last-child th[data-v-f97f7336], table tr:last-child td[data-v-f97f7336] { border-bottom: none;
}
ion-list[data-v-f97f7336] { padding-top: 0;
}
ion-toolbar[data-v-f97f7336] { --min-height: 3.125rem;
}
.content-base[data-v-f97f7336] { padding: 2px; line-height: 13px;
}
.share-vip[data-v-f97f7336] { padding: 0 2rem;
}
.current-level[data-v-f97f7336] { position: absolute; top: 0; left: 0; font-size: 0.6rem; font-weight: 700;
}
.shiny[data-v-f97f7336] { position: relative; overflow: hidden;
}
.shiny[data-v-f97f7336]:before { content: ''; animation: shiny-f97f7336 6s ease-in-out infinite; background: #fff; display: inline-block; height: 100%; left: 0; position: absolute; top: -180px; width: 30px;
}
@keyframes shiny-f97f7336 {
0% { opacity: 0; transform: scale(0) rotate(45deg);
}
80% { opacity: 0.5; transform: scale(0) rotate(45deg);
}
81% { opacity: 1; transform: scale(4) rotate(45deg);
}
to { opacity: 0; transform: scale(50) rotate(45deg);
}
}
.space-y-3[data-v-f97f7336] table th, .space-y-3[data-v-f97f7336] table td { border: 1px solid var(--color-border-btn-basic, var(--color-border));
}
.card-bg-gradient[data-v-f97f7336] { position: relative; background: var(--color-bg-100);
}
.claimButtonEnabled[data-v-f97f7336] { background: var(--theme-color-gradient-200); color: var(--color-text-white-100);
}
.claimButtonDisabled[data-v-f97f7336] { background: var(--color-btn-gradient-claimUnable); color: var(--color-text-white-100);
}
.claimRecordButton[data-v-f97f7336] { background: var(--theme-color-gradient-200); color: var(--color-text-white-100);
}
.claimRecordButtonDisabled[data-v-f97f7336] { background: var(--color-btn-gradient-claimUnable); color: var(--color-text-white-100);
}
.historyButton[data-v-f97f7336] { background: var(--theme-color-gradient-400); color: var(null);
}
table th[data-v-f97f7336] { border: 1px solid var(--color-border); font-weight: 400;
}
table thead th[data-v-f97f7336] { color: var(--color-text-white-100);
}
table tbody th[data-v-f97f7336] { color: var(--accent-color-yellow);
}
ion-progress-bar[data-v-f97f7336] { --background: var(--color-bg-200); --progress-background: var(--theme-color-gradient-400); border-radius: 1rem;
}
ion-segment-button[data-v-f97f7336] { --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-f97f7336] { border-bottom: 1px solid var(--color-border);
}
.claim-button[data-v-f97f7336] { border-top: 0.5px solid var(--color-border);
}
.vip-box-bg[data-v-f97f7336] { background: var(--color-bg-200);
}
.vip-box-bg .next-level-base-color[data-v-f97f7336] { color: var(--color-text-gray-300);
}
.vip-box-bg .next-level-base-color .vip42-color[data-v-f97f7336] { color: var(--color-text-gray-200);
}
.vip-box-bg .next-level-base-color .next-level-color[data-v-f97f7336] { color: var(--accent-color-yellow);
}
.vip-box-bg .next-level-base-color .vip43-color[data-v-f97f7336] { color: var(--color-text-gray-200);
}
.vip-box-bg .next-level-base-color .vip-recharge-need[data-v-f97f7336] { color: var(--color-text-white-100);
}
.vip-box-bg .next-level-base-color .vip44-color[data-v-f97f7336] { color: var(--color-text-gray-200);
}
.vip-box-bg .next-level-base-color .vip-bet-need[data-v-f97f7336], .vip-box-bg .vip-max-level[data-v-f97f7336], .vip-box-bg .vip3-color[data-v-f97f7336] { color: var(--color-text-white-100);
}
.vip-box-bg .vip1-color[data-v-f97f7336] { color: #fff; background: #fe5353;
}
.vip4-color[data-v-f97f7336] { color: var(--color-text-white-100);
}
.vip-sticky[data-v-f97f7336] { background: var(--color-bg-200);
}
.vip-list-title[data-v-f97f7336] { color: var(--color-text-gray-200); background: var(null);
}
.vip-ion-list[data-v-f97f7336] { background: var(--color-bg-200);
}
.vip-ion-list .vip-item-odd[data-v-f97f7336] { background: var(--color-bg-300);
}
.vip-ion-list .vip-item-even[data-v-f97f7336] { background: var(--color-bg-400);
}
.vip-progress-requirement[data-v-f97f7336] { color: var(--color-text-gray-200);
}
.vip-progress-value[data-v-f97f7336] { color: var(--color-text-white-100);
}
.vip-progress-reward[data-v-f97f7336] { color: var(--accent-color-yellow);
}
.keep-level-box[data-v-f97f7336] { color: var(--color-text-gray-200); background: var(--color-bg-200);
}
.keep-level-box .keep-level-table-border[data-v-f97f7336] { border: 1px solid var(--color-border);
}
.keep-level-box .keep-level-table-thead[data-v-f97f7336] { background: var(--color-bg-100);
}
.vip-introduce[data-v-f97f7336] { color: var(--color-text-gray-200);
}
.vip-claim-box[data-v-f97f7336] { background: var(--color-bg-100);
}
.scrollable-container[data-v-f97f7336] { background: var(--color-bg-300);
}
.vipRule[data-v-f97f7336] { line-height: 1.2; color: var(--color-text-second);
}
.vipRule[data-v-f97f7336] table { max-width: 100%;
}
.vipRule[data-v-f97f7336] table th, .vipRule[data-v-f97f7336] table td { word-break: break-all;
}
.blue-default .card-bg-gradient[data-v-f97f7336] { position: relative; background: var(--color-bg-100);
}
.blue-default .claimButtonEnabled[data-v-f97f7336] { background: var(--theme-color-gradient-200); color: var(--color-text-white-100);
}
.blue-default .claimButtonDisabled[data-v-f97f7336] { background: var(--color-btn-gradient-claimUnable); color: var(--color-text-white-100);
}
.blue-default .claimRecordButton[data-v-f97f7336] { background: var(--theme-color-gradient-200); color: var(--color-text-white-100);
}
.blue-default .claimRecordButtonDisabled[data-v-f97f7336] { background: var(--color-btn-gradient-claimUnable); color: var(--color-text-white-100);
}
.blue-default .historyButton[data-v-f97f7336] { background: var(--theme-color-gradient-400); color: var(null);
}
.blue-default table th[data-v-f97f7336] { border: 1px solid var(--color-border); font-weight: 400;
}
.blue-default table thead th[data-v-f97f7336] { color: var(--color-text-white-100);
}
.blue-default table tbody th[data-v-f97f7336] { color: var(--accent-color-yellow);
}
.blue-default ion-progress-bar[data-v-f97f7336] { --background: var(--color-bg-600); --progress-background: var(--theme-color-gradient-400); border-radius: 1rem;
}
.blue-default ion-segment-button[data-v-f97f7336] { --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-f97f7336] { border-bottom: 1px solid var(--color-border);
}
.blue-default .claim-button[data-v-f97f7336] { border-top: 0.5px solid var(--color-border);
}
.blue-default .vip-box-bg[data-v-f97f7336] { background: var(--color-bg-200);
}
.blue-default .vip-box-bg .next-level-base-color[data-v-f97f7336] { color: var(--color-text-gray-300);
}
.blue-default .vip-box-bg .next-level-base-color .vip42-color[data-v-f97f7336] { color: var(--color-text-gray-200);
}
.blue-default .vip-box-bg .next-level-base-color .next-level-color[data-v-f97f7336] { color: var(--accent-color-yellow);
}
.blue-default .vip-box-bg .next-level-base-color .vip43-color[data-v-f97f7336] { color: var(--color-text-gray-200);
}
.blue-default .vip-box-bg .next-level-base-color .vip-recharge-need[data-v-f97f7336] { color: var(--color-text-white-100);
}
.blue-default .vip-box-bg .next-level-base-color .vip44-color[data-v-f97f7336] { color: var(--color-text-gray-200);
}
.blue-default .vip-box-bg .next-level-base-color .vip-bet-need[data-v-f97f7336], .blue-default .vip-box-bg .vip-max-level[data-v-f97f7336], .blue-default .vip-box-bg .vip3-color[data-v-f97f7336] { color: var(--color-text-white-100);
}
.blue-default .vip-box-bg .vip1-color[data-v-f97f7336] { color: #fff; background: #fe5353;
}
.blue-default .vip4-color[data-v-f97f7336] { color: var(--color-text-white-100);
}
.blue-default .vip-sticky[data-v-f97f7336] { background: var(--color-bg-200);
}
.blue-default .vip-list-title[data-v-f97f7336] { color: var(--color-text-gray-200); background: var(--color-bg-50);
}
.blue-default .vip-ion-list[data-v-f97f7336] { background: var(--color-bg-200);
}
.blue-default .vip-ion-list .vip-item-odd[data-v-f97f7336] { background: var(--color-bg-300);
}
.blue-default .vip-ion-list .vip-item-even[data-v-f97f7336] { background: var(--color-bg-400);
}
.blue-default .vip-progress-requirement[data-v-f97f7336] { color: var(--color-text-gray-200);
}
.blue-default .vip-progress-value[data-v-f97f7336] { color: var(--color-text-white-100);
}
.blue-default .vip-progress-reward[data-v-f97f7336] { color: var(--accent-color-yellow);
}
.blue-default .keep-level-box[data-v-f97f7336] { color: var(--color-text-gray-200); background: var(--color-bg-200);
}
.blue-default .keep-level-box .keep-level-table-border[data-v-f97f7336] { border: 1px solid var(--color-border);
}
.blue-default .keep-level-box .keep-level-table-thead[data-v-f97f7336] { background: var(--color-bg-100);
}
.blue-default .vip-introduce[data-v-f97f7336] { color: var(--color-text-gray-200);
}
.blue-default .vip-claim-box[data-v-f97f7336] { background: var(--color-bg-100);
}
.blue-default .scrollable-container[data-v-f97f7336] { background: var(--color-bg-300);
}
.blue-default .vipRule[data-v-f97f7336] { line-height: 1.2; color: var(--color-text-second);
}
.blue-default .vipRule[data-v-f97f7336] table { max-width: 100%;
}
.blue-default .vipRule[data-v-f97f7336] table th, .blue-default .vipRule[data-v-f97f7336] table td { word-break: break-all;
}
.green-default .card-bg-gradient[data-v-f97f7336] { position: relative; background: var(--color-bg-100);
}
.green-default .claimButtonEnabled[data-v-f97f7336] { background: var(--theme-color-gradient-200); color: var(--color-text-white-100);
}
.green-default .claimButtonDisabled[data-v-f97f7336] { background: var(--theme-color-gradient-400); color: var(--color-text-white-40);
}
.green-default .claimRecordButton[data-v-f97f7336] { background: var(--theme-color-gradient-200); color: var(--color-text-white-100);
}
.green-default .claimRecordButtonDisabled[data-v-f97f7336] { background: var(--theme-color-gradient-400); color: var(--color-text-white-40);
}
.green-default .historyButton[data-v-f97f7336] { background: var(--theme-color-gradient-100); color: var(null);
}
.green-default table th[data-v-f97f7336] { border: 1px solid var(--color-line); font-weight: 400;
}
.green-default table thead th[data-v-f97f7336] { color: var(--color-text-gray-100);
}
.green-default table tbody th[data-v-f97f7336] { color: var(--accent-color-yellow);
}
.green-default ion-progress-bar[data-v-f97f7336] { --background: var(--color-bg-200); --progress-background: var(--theme-color-gradient-200); border-radius: 1rem;
}
.green-default ion-segment-button[data-v-f97f7336] { --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-f97f7336] { border-bottom: 1px solid var(--color-line);
}
.green-default .claim-button[data-v-f97f7336] { border-top: 0.5px solid var(--color-line);
}
.green-default .vip-box-bg[data-v-f97f7336] { background: var(--color-bg-200);
}
.green-default .vip-box-bg .next-level-base-color[data-v-f97f7336] { color: var(--color-text-gray-300);
}
.green-default .vip-box-bg .next-level-base-color .vip42-color[data-v-f97f7336] { color: var(--color-text-gray-200);
}
.green-default .vip-box-bg .next-level-base-color .next-level-color[data-v-f97f7336] { color: var(--accent-color-yellow);
}
.green-default .vip-box-bg .next-level-base-color .vip43-color[data-v-f97f7336] { color: var(--color-text-gray-200);
}
.green-default .vip-box-bg .next-level-base-color .vip-recharge-need[data-v-f97f7336] { color: var(--color-text-gray-100);
}
.green-default .vip-box-bg .next-level-base-color .vip44-color[data-v-f97f7336] { color: var(--color-text-gray-200);
}
.green-default .vip-box-bg .next-level-base-color .vip-bet-need[data-v-f97f7336], .green-default .vip-box-bg .vip-max-level[data-v-f97f7336] { color: var(--color-text-gray-100);
}
.green-default .vip-box-bg .vip3-color[data-v-f97f7336] { color: var(--color-text-white-100);
}
.green-default .vip-box-bg .vip1-color[data-v-f97f7336] { color: #fff; background: #fe5353;
}
.green-default .vip4-color[data-v-f97f7336] { color: var(--color-text-gray-100);
}
.green-default .vip-sticky[data-v-f97f7336] { background: var(--color-bg-200);
}
.green-default .vip-list-title[data-v-f97f7336] { color: var(--color-text-gray-200); background: var(--color-bg-100);
}
.green-default .vip-ion-list[data-v-f97f7336] { background: var(--color-bg-200);
}
.green-default .vip-ion-list .vip-item-odd[data-v-f97f7336] { background: var(--color-bg-300);
}
.green-default .vip-ion-list .vip-item-even[data-v-f97f7336] { background: var(--color-bg-400);
}
.green-default .vip-progress-requirement[data-v-f97f7336] { color: var(--color-text-gray-200);
}
.green-default .vip-progress-value[data-v-f97f7336] { color: var(--color-text-gray-100);
}
.green-default .vip-progress-reward[data-v-f97f7336] { color: var(--accent-color-yellow);
}
.green-default .keep-level-box[data-v-f97f7336] { color: var(--color-text-gray-200); background: var(--color-bg-200);
}
.green-default .keep-level-box .keep-level-table-border[data-v-f97f7336] { border: 1px solid var(--color-line);
}
.green-default .keep-level-box .keep-level-table-thead[data-v-f97f7336] { background: var(--color-bg-100);
}
.green-default .vip-introduce[data-v-f97f7336] { color: var(--color-text-gray-200);
}
.green-default .vip-claim-box[data-v-f97f7336] { background: var(--color-bg-100);
}
.green-default .scrollable-container[data-v-f97f7336] { background: var(--color-bg-300);
}
.green-default .vipRule[data-v-f97f7336] { line-height: 1.2; color: var(--color-text-second);
}
.green-default .vipRule[data-v-f97f7336] table { max-width: 100%;
}
.green-default .vipRule[data-v-f97f7336] table th, .green-default .vipRule[data-v-f97f7336] table td { word-break: break-all;
}
.forest-green .card-bg-gradient[data-v-f97f7336] { position: relative; background: var(--color-bg-100);
}
.forest-green .claimButtonEnabled[data-v-f97f7336] { background: var(--theme-color-gradient-200); color: var(--color-text-white-100);
}
.forest-green .claimButtonDisabled[data-v-f97f7336] { background: var(--color-btn-gradient-claimUnable); color: var(--color-text-white-40);
}
.forest-green .claimRecordButton[data-v-f97f7336] { background: var(--theme-color-gradient-200); color: var(--color-text-white-100);
}
.forest-green .claimRecordButtonDisabled[data-v-f97f7336] { background: var(--color-btn-gradient-claimUnable); color: var(--color-text-white-40);
}
.forest-green .historyButton[data-v-f97f7336] { background: var(--theme-color-gradient-100); color: var(--color-text-white-100);
}
.forest-green table th[data-v-f97f7336] { border: 1px solid var(--color-border); font-weight: 400;
}
.forest-green table thead th[data-v-f97f7336] { color: var(--color-text-white-100);
}
.forest-green table tbody th[data-v-f97f7336] { color: var(--accent-color-yellow);
}
.forest-green ion-progress-bar[data-v-f97f7336] { --background: var(--color-bg-200); --progress-background: var(--theme-color-gradient-200); border-radius: 1rem;
}
.forest-green ion-segment-button[data-v-f97f7336] { --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-f97f7336] { border-bottom: 1px solid var(--color-link);
}
.forest-green .claim-button[data-v-f97f7336] { border-top: 0.5px solid var(--color-border);
}
.forest-green .vip-box-bg[data-v-f97f7336] { background: var(--color-bg-200);
}
.forest-green .vip-box-bg .next-level-base-color[data-v-f97f7336] { color: var(--color-text-gray-300);
}
.forest-green .vip-box-bg .next-level-base-color .vip42-color[data-v-f97f7336] { color: var(--color-text-gray-200);
}
.forest-green .vip-box-bg .next-level-base-color .next-level-color[data-v-f97f7336] { color: var(--accent-color-yellow);
}
.forest-green .vip-box-bg .next-level-base-color .vip43-color[data-v-f97f7336] { color: var(--color-text-gray-200);
}
.forest-green .vip-box-bg .next-level-base-color .vip-recharge-need[data-v-f97f7336] { color: var(--color-text-white-100);
}
.forest-green .vip-box-bg .next-level-base-color .vip44-color[data-v-f97f7336] { color: var(--color-text-gray-200);
}
.forest-green .vip-box-bg .next-level-base-color .vip-bet-need[data-v-f97f7336], .forest-green .vip-box-bg .vip-max-level[data-v-f97f7336], .forest-green .vip-box-bg .vip3-color[data-v-f97f7336] { color: var(--color-text-white-100);
}
.forest-green .vip-box-bg .vip1-color[data-v-f97f7336] { color: #fff; background: #fe5353;
}
.forest-green .vip4-color[data-v-f97f7336] { color: var(--color-text-white-100);
}
.forest-green .vip-sticky[data-v-f97f7336] { background: var(--color-bg-300);
}
.forest-green .vip-list-title[data-v-f97f7336] { color: var(--color-text-gray-200); background: var(--color-bg-100);
}
.forest-green .vip-ion-list[data-v-f97f7336] { background: var(--color-bg-200);
}
.forest-green .vip-ion-list .vip-item-odd[data-v-f97f7336] { background: var(--color-bg-300);
}
.forest-green .vip-ion-list .vip-item-even[data-v-f97f7336] { background: var(--color-bg-400);
}
.forest-green .vip-progress-requirement[data-v-f97f7336] { color: var(--color-text-gray-200);
}
.forest-green .vip-progress-value[data-v-f97f7336] { color: var(--color-text-white-100);
}
.forest-green .vip-progress-reward[data-v-f97f7336] { color: var(--accent-color-yellow);
}
.forest-green .keep-level-box[data-v-f97f7336] { color: var(--color-text-gray-200); background: var(--color-bg-200);
}
.forest-green .keep-level-box .keep-level-table-border[data-v-f97f7336] { border: 1px solid var(--color-border);
}
.forest-green .keep-level-box .keep-level-table-thead[data-v-f97f7336] { background: var(--color-bg-100);
}
.forest-green .vip-introduce[data-v-f97f7336] { color: var(--color-text-gray-200);
}
.forest-green .vip-claim-box[data-v-f97f7336] { background: var(--color-bg-100);
}
.forest-green .scrollable-container[data-v-f97f7336] { background: var(--color-bg-300);
}
.forest-green .vipRule[data-v-f97f7336] { line-height: 1.2; color: var(--color-text-second);
}
.forest-green .vipRule[data-v-f97f7336] table { max-width: 100%;
}
.forest-green .vipRule[data-v-f97f7336] table th, .forest-green .vipRule[data-v-f97f7336] table td { word-break: break-all;
}
.amber-purple .card-bg-gradient[data-v-f97f7336] { position: relative; background: var(--color-bg-100);
}
.amber-purple .claimButtonEnabled[data-v-f97f7336] { background: var(--segment-gradients-purple); color: var(--text-color-white-100);
}
.amber-purple .claimButtonDisabled[data-v-f97f7336] { background: var(--gradients-disabled-btn-bg); color: var(--text-color-white-40);
}
.amber-purple .claimRecordButton[data-v-f97f7336] { background: var(--segment-gradients-purple); color: var(--text-color-white-100);
}
.amber-purple .claimRecordButtonDisabled[data-v-f97f7336] { background: var(--gradients-disabled-btn-bg); color: var(--text-color-white-40);
}
.amber-purple .historyButton[data-v-f97f7336] { background: var(--theme-color-800); color: var(null);
}
.amber-purple table th[data-v-f97f7336] { border: 1px solid var(--line-color); font-weight: 400;
}
.amber-purple table thead th[data-v-f97f7336] { color: var(--text-color-light-purple-1-100);
}
.amber-purple table tbody th[data-v-f97f7336] { color: var(--accent-color-yellow);
}
.amber-purple ion-progress-bar[data-v-f97f7336] { --background: var(--color-bg-100); --progress-background: var(--background-progress-gradient); border-radius: 1rem;
}
.amber-purple ion-segment-button[data-v-f97f7336] { --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-f97f7336] { border-bottom: 1px solid var(--line-color);
}
.amber-purple .claim-button[data-v-f97f7336] { border-top: 0.5px solid var(--line-color);
}
.amber-purple .vip-box-bg[data-v-f97f7336] { background: var(--color-bg-200);
}
.amber-purple .vip-box-bg .next-level-base-color[data-v-f97f7336], .amber-purple .vip-box-bg .next-level-base-color .vip42-color[data-v-f97f7336] { color: var(--text-color-light-purple-2-100);
}
.amber-purple .vip-box-bg .next-level-base-color .next-level-color[data-v-f97f7336] { color: var(--accent-color-yellow);
}
.amber-purple .vip-box-bg .next-level-base-color .vip43-color[data-v-f97f7336] { color: var(--text-color-light-purple-2-100);
}
.amber-purple .vip-box-bg .next-level-base-color .vip-recharge-need[data-v-f97f7336] { color: var(--text-color-light-purple-1-100);
}
.amber-purple .vip-box-bg .next-level-base-color .vip44-color[data-v-f97f7336] { color: var(--text-color-light-purple-2-100);
}
.amber-purple .vip-box-bg .next-level-base-color .vip-bet-need[data-v-f97f7336], .amber-purple .vip-box-bg .vip-max-level[data-v-f97f7336] { color: var(--text-color-light-purple-1-100);
}
.amber-purple .vip-box-bg .vip3-color[data-v-f97f7336] { color: var(--text-color-white-100);
}
.amber-purple .vip-box-bg .vip1-color[data-v-f97f7336] { color: #fff; background: #fe5353;
}
.amber-purple .vip4-color[data-v-f97f7336] { color: var(--text-color-light-purple-1-100);
}
.amber-purple .vip-sticky[data-v-f97f7336] { background: var(--color-bg-200);
}
.amber-purple .vip-list-title[data-v-f97f7336] { color: var(--text-color-light-purple-2-100); background: var(--color-bg-100);
}
.amber-purple .vip-ion-list[data-v-f97f7336] { background: var(--color-bg-200);
}
.amber-purple .vip-ion-list .vip-item-odd[data-v-f97f7336] { background: var(--color-bg-300);
}
.amber-purple .vip-ion-list .vip-item-even[data-v-f97f7336] { background: var(--color-bg-400);
}
.amber-purple .vip-progress-requirement[data-v-f97f7336] { color: var(--text-color-light-purple-2-100);
}
.amber-purple .vip-progress-value[data-v-f97f7336] { color: var(--text-color-light-purple-1-100);
}
.amber-purple .vip-progress-reward[data-v-f97f7336] { color: var(--accent-color-yellow);
}
.amber-purple .keep-level-box[data-v-f97f7336] { color: var(--text-color-light-purple-2-100); background: var(--color-bg-200);
}
.amber-purple .keep-level-box .keep-level-table-border[data-v-f97f7336] { border: 1px solid var(--line-color);
}
.amber-purple .keep-level-box .keep-level-table-thead[data-v-f97f7336] { background: var(--color-bg-100);
}
.amber-purple .vip-introduce[data-v-f97f7336] { color: var(--text-color-light-purple-2-100);
}
.amber-purple .vip-claim-box[data-v-f97f7336] { background: var(--color-bg-100);
}
.amber-purple .scrollable-container[data-v-f97f7336] { background: var(--color-bg-300);
}
.amber-purple .vipRule[data-v-f97f7336] { line-height: 1.2; color: var(--color-text-second);
}
.amber-purple .vipRule[data-v-f97f7336] table { max-width: 100%;
}
.amber-purple .vipRule[data-v-f97f7336] table th, .amber-purple .vipRule[data-v-f97f7336] table td { word-break: break-all;
}
.auroral-yellow .card-bg-gradient[data-v-f97f7336] { position: relative; background: var(--color-bg-100);
}
.auroral-yellow .claimButtonEnabled[data-v-f97f7336], .auroral-yellow .claimButtonDisabled[data-v-f97f7336], .auroral-yellow .claimRecordButton[data-v-f97f7336], .auroral-yellow .claimRecordButtonDisabled[data-v-f97f7336] { background: var(--theme-color-800); color: var(--color-text-black-100);
}
.auroral-yellow .historyButton[data-v-f97f7336] { background: var(--accent-color-green); color: var(null);
}
.auroral-yellow table th[data-v-f97f7336] { border: 1px solid var(--color-line); font-weight: 400;
}
.auroral-yellow table thead th[data-v-f97f7336] { color: var(--color-text-gray-100);
}
.auroral-yellow table tbody th[data-v-f97f7336] { color: var(--accent-color-yellow);
}
.auroral-yellow ion-progress-bar[data-v-f97f7336] { --background: var(--color-bg-200); --progress-background: var(--theme-color-gradient-500); border-radius: 1rem;
}
.auroral-yellow ion-segment-button[data-v-f97f7336] { --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-f97f7336] { border-bottom: 1px solid var(--color-line);
}
.auroral-yellow .claim-button[data-v-f97f7336] { border-top: 0.5px solid var(--color-line);
}
.auroral-yellow .vip-box-bg[data-v-f97f7336] { background: var(--color-bg-200);
}
.auroral-yellow .vip-box-bg .next-level-base-color[data-v-f97f7336] { color: var(--color-text-gray-300);
}
.auroral-yellow .vip-box-bg .next-level-base-color .vip42-color[data-v-f97f7336] { color: var(--color-text-gray-200);
}
.auroral-yellow .vip-box-bg .next-level-base-color .next-level-color[data-v-f97f7336] { color: var(--accent-color-yellow);
}
.auroral-yellow .vip-box-bg .next-level-base-color .vip43-color[data-v-f97f7336] { color: var(--color-text-gray-200);
}
.auroral-yellow .vip-box-bg .next-level-base-color .vip-recharge-need[data-v-f97f7336] { color: var(--color-text-gray-100);
}
.auroral-yellow .vip-box-bg .next-level-base-color .vip44-color[data-v-f97f7336] { color: var(--color-text-gray-200);
}
.auroral-yellow .vip-box-bg .next-level-base-color .vip-bet-need[data-v-f97f7336], .auroral-yellow .vip-box-bg .vip-max-level[data-v-f97f7336] { color: var(--color-text-gray-100);
}
.auroral-yellow .vip-box-bg .vip3-color[data-v-f97f7336] { color: var(--color-text-white-100);
}
.auroral-yellow .vip-box-bg .vip1-color[data-v-f97f7336] { color: #fff; background: #fe5353;
}
.auroral-yellow .vip4-color[data-v-f97f7336] { color: var(--color-text-gray-100);
}
.auroral-yellow .vip-sticky[data-v-f97f7336] { background: var(--color-bg-200);
}
.auroral-yellow .vip-list-title[data-v-f97f7336] { color: var(--color-text-gray-200); background: var(--color-bg-100);
}
.auroral-yellow .vip-ion-list[data-v-f97f7336] { background: var(--color-bg-200);
}
.auroral-yellow .vip-ion-list .vip-item-odd[data-v-f97f7336] { background: var(--color-bg-300);
}
.auroral-yellow .vip-ion-list .vip-item-even[data-v-f97f7336] { background: var(--color-bg-400);
}
.auroral-yellow .vip-progress-requirement[data-v-f97f7336] { color: var(--color-text-gray-200);
}
.auroral-yellow .vip-progress-value[data-v-f97f7336] { color: var(--color-text-gray-100);
}
.auroral-yellow .vip-progress-reward[data-v-f97f7336] { color: var(--accent-color-yellow);
}
.auroral-yellow .keep-level-box[data-v-f97f7336] { color: var(--color-text-gray-200); background: var(--color-bg-200);
}
.auroral-yellow .keep-level-box .keep-level-table-border[data-v-f97f7336] { border: 1px solid var(--color-line);
}
.auroral-yellow .keep-level-box .keep-level-table-thead[data-v-f97f7336] { background: var(--color-bg-100);
}
.auroral-yellow .vip-introduce[data-v-f97f7336] { color: var(--color-text-gray-200);
}
.auroral-yellow .vip-claim-box[data-v-f97f7336] { background: var(--color-bg-100);
}
.auroral-yellow .scrollable-container[data-v-f97f7336] { background: var(--color-bg-300);
}
.auroral-yellow .vipRule[data-v-f97f7336] { line-height: 1.2; color: var(--color-text-gray-200);
}
.auroral-yellow .vipRule[data-v-f97f7336] table { max-width: 100%;
}
.auroral-yellow .vipRule[data-v-f97f7336] table th, .auroral-yellow .vipRule[data-v-f97f7336] table td { word-break: break-all;
}
.auroral-yellow .claimRecordButtonDisabled[data-v-f97f7336], .auroral-yellow .claimButtonDisabled[data-v-f97f7336] { opacity: 0.4;
}
.auroral-yellow .promoBtn[data-v-f97f7336] { border-width: 0; background: #161616;
}
.safe-html-cls[data-v-f97f7336] { line-height: 1.2; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;
}
.safe-html-cls[data-v-f97f7336] table { width: 100% !important; max-width: 100% !important; table-layout: fixed; border-collapse: collapse; background-color: transparent; overflow: hidden; border: 0.0625rem solid var(--color-border-btn-basic, var(--color-border));
}
.safe-html-cls[data-v-f97f7336] table th, .safe-html-cls[data-v-f97f7336] table td { width: auto !important; border: 1px solid var(--color-border-btn-basic, var(--color-border)); font-weight: var(--font-weight-bold); font-size: var(--font-size-12); text-align: center; padding: 0.5rem 0.25rem; line-height: 1.25rem; word-break: break-all;
}
.safe-html-cls[data-v-f97f7336] table thead th { color: var(--color-text-second); height: 2.5rem; background-color: var(--color-bg-third);
}
.safe-html-cls[data-v-f97f7336] table tbody td { color: var(--color-text-emphasis);
}
.safe-html-cls[data-v-f97f7336] table tbody td:first-child { color: var(--color-text-basic);
}
.safe-html-cls[data-v-f97f7336] table th:first-child, .safe-html-cls[data-v-f97f7336] table td:first-child { border-left: none;
}
.safe-html-cls[data-v-f97f7336] table th:last-child, .safe-html-cls[data-v-f97f7336] table td:last-child { border-right: none;
}
.safe-html-cls[data-v-f97f7336] table thead tr:first-child th { border-top: none;
}
.safe-html-cls[data-v-f97f7336] table tr:last-child td { border-bottom: none;
}

ion-segment-button.segment[data-v-5c1a9e16] { min-height: 3.75rem;
}
ion-segment-button.ios[data-v-5c1a9e16] { --padding-start: 0; --padding-end: 0; --padding-top: 2px; --padding-bottom: 2px; margin-top: 0; margin-bottom: 0.625rem; text-transform: capitalize; min-width: 0;
}
ion-segment-button.ios.claim.shiny[data-v-5c1a9e16] { position: relative; overflow: hidden;
}
ion-segment-button.ios.claim.shiny[data-v-5c1a9e16]:before { content: ''; animation: shiny-5c1a9e16 6s ease-in-out infinite; background: #fff; display: inline-block; height: 100%; left: 0; position: absolute; top: -180px; width: 30px;
}
@keyframes shiny-5c1a9e16 {
0% { opacity: 0; transform: scale(0) rotate(45deg);
}
80% { opacity: 0.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-5c1a9e16], .main-right[data-v-5c1a9e16] { height: calc(100% - 33.2px);
}
.main-content[data-v-5c1a9e16] { margin-top: 3.125rem;
}
.un-zh-left[data-v-5c1a9e16] { height: calc(100% - 50px);
}
ion-segment[data-v-5c1a9e16] { --background: var(--color-bg-200);
}
ion-segment-button.segment[data-v-5c1a9e16] { --color-checked: var(--color-text-white-100);
}
ion-segment-button.ios[data-v-5c1a9e16] { --indicator-color: var(--color-bg-100); --background: var(null);
}
ion-segment-button.ios.claim[data-v-5c1a9e16] { --background: var(--theme-color-gradient-200); --color: var(--color-text-white-100);
}
ion-segment-button.ios.claim.on[data-v-5c1a9e16] { background: var(--color-btn-gradient-claimUnable); color: var(--color-text-white-100);
}
ion-segment-button.ios.history[data-v-5c1a9e16] { --background: var(--theme-color-gradient-400); --color: var(--color-text-white-100); color: var(--color-text-white-100);
}
.rebate-available-label[data-v-5c1a9e16] { color: var(--color-text-white-100);
}
.rebate-available[data-v-5c1a9e16], .rebate-activity-rules[data-v-5c1a9e16] { color: var(--accent-color-yellow);
}
.rebate-side-check[data-v-5c1a9e16] { color: var(--color-text-gray-200);
}
.blue-default ion-segment[data-v-5c1a9e16] { --background: var(--color-bg-200);
}
.blue-default ion-segment-button.segment[data-v-5c1a9e16] { --color-checked: var(--color-text-white-100);
}
.blue-default ion-segment-button.ios[data-v-5c1a9e16] { --indicator-color: var(--color-bg-100); --background: var(null);
}
.blue-default ion-segment-button.ios.claim[data-v-5c1a9e16] { --background: var(--theme-color-gradient-200); --color: var(--color-text-white-100);
}
.blue-default ion-segment-button.ios.claim.on[data-v-5c1a9e16] { background: var(--color-btn-gradient-claimUnable); color: var(--color-text-white-100);
}
.blue-default ion-segment-button.ios.history[data-v-5c1a9e16] { --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-5c1a9e16] { color: var(--color-text-white-100);
}
.blue-default .rebate-available[data-v-5c1a9e16] { color: var(--accent-color-yellow);
}
.blue-default .rebate-activity-rules[data-v-5c1a9e16] { color: var(--accent-color-yellow --color-text-gray-200);
}
.blue-default .rebate-side-check[data-v-5c1a9e16] { color: var(--color-text-gray-200);
}
.green-default ion-segment[data-v-5c1a9e16] { --background: var(--color-bg-200);
}
.green-default ion-segment-button.segment[data-v-5c1a9e16] { --color-checked: var(--color-text-gray-100);
}
.green-default ion-segment-button.ios[data-v-5c1a9e16] { --indicator-color: var(--color-bg-100); --background: var(null);
}
.green-default ion-segment-button.ios.claim[data-v-5c1a9e16] { --background: var(--theme-color-gradient-200); --color: var(--color-text-white-100);
}
.green-default ion-segment-button.ios.claim.on[data-v-5c1a9e16] { background: var(--theme-color-gradient-400); color: var(--color-text-white-40);
}
.green-default ion-segment-button.ios.history[data-v-5c1a9e16] { --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-5c1a9e16] { color: var(--color-text-gray-100);
}
.green-default .rebate-available[data-v-5c1a9e16], .green-default .rebate-activity-rules[data-v-5c1a9e16] { color: var(---accent-color-yellow);
}
.green-default .rebate-side-check[data-v-5c1a9e16] { color: var(--color-text-gray-200);
}
.forest-green ion-segment[data-v-5c1a9e16] { --background: var(--mlm-bord-tab-item-select-bgc);
}
.forest-green ion-segment-button.segment[data-v-5c1a9e16] { --color-checked: var(--color-text-gray-100);
}
.forest-green ion-segment-button.ios[data-v-5c1a9e16] { --indicator-color: var(--color-bg-100); --background: var(--color-bg-200);
}
.forest-green ion-segment-button.ios.claim[data-v-5c1a9e16] { --background: var(--theme-color-gradient-200); --color: var(--color-text-white-100);
}
.forest-green ion-segment-button.ios.claim.on[data-v-5c1a9e16] { background: var(--color-btn-gradient-claimUnable); color: var(--color-text-white-40);
}
.forest-green ion-segment-button.ios.history[data-v-5c1a9e16] { --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-5c1a9e16] { color: var(--color-text-white-100);
}
.forest-green .rebate-available[data-v-5c1a9e16], .forest-green .rebate-activity-rules[data-v-5c1a9e16] { color: var(--accent-color-yellow);
}
.forest-green .rebate-side-check[data-v-5c1a9e16] { color: var(--color-text-gray-200);
}
.amber-purple ion-segment[data-v-5c1a9e16] { --background: var(--color-bg-200);
}
.amber-purple ion-segment-button.segment[data-v-5c1a9e16] { --color-checked: var(--text-color-light-purple-1-100);
}
.amber-purple ion-segment-button.ios[data-v-5c1a9e16] { --indicator-color: var(--color-bg-100); --background: var(null);
}
.amber-purple ion-segment-button.ios.claim[data-v-5c1a9e16] { --background: var(--segment-gradients-purple); --color: var(--text-color-white-100);
}
.amber-purple ion-segment-button.ios.claim.on[data-v-5c1a9e16] { background: var(--gradients-disabled-btn-bg); color: var(--text-color-white-40);
}
.amber-purple ion-segment-button.ios.history[data-v-5c1a9e16] { --background: var(--theme-color-800); --color: var(--text-color-white-100); color: var(--text-color-white-100);
}
.amber-purple .rebate-available-label[data-v-5c1a9e16] { color: var(--text-color-light-purple-1-100);
}
.amber-purple .rebate-available[data-v-5c1a9e16], .amber-purple .rebate-activity-rules[data-v-5c1a9e16] { color: var(--accent-color-yellow);
}
.amber-purple .rebate-side-check[data-v-5c1a9e16] { color: var(--text-color-light-purple-2-100);
}
.auroral-yellow ion-segment[data-v-5c1a9e16] { --background: var(--mlm-bord-tab-item-select-bgc);
}
.auroral-yellow ion-segment-button.segment[data-v-5c1a9e16] { --color-checked: var(--color-text-gray-100);
}
.auroral-yellow ion-segment-button.ios[data-v-5c1a9e16] { --indicator-color: var(--color-bg-100); --background: var(--color-bg-200);
}
.auroral-yellow ion-segment-button.ios.claim[data-v-5c1a9e16] { --background: var(--theme-color-gradient-200); --color: var(--color-text-white-100);
}
.auroral-yellow ion-segment-button.ios.claim.on[data-v-5c1a9e16] { background: var(--color-btn-gradient-claimUnable); color: var(--color-text-white-40);
}
.auroral-yellow ion-segment-button.ios.history[data-v-5c1a9e16] { --background: var(--theme-color-800); --color: var(--agent-btn-color); color: var(--agent-btn-color);
}
.auroral-yellow .rebate-available-label[data-v-5c1a9e16] { color: var(--color-text-white-100);
}
.auroral-yellow .rebate-available[data-v-5c1a9e16], .auroral-yellow .rebate-activity-rules[data-v-5c1a9e16] { color: var(--accent-color-yellow);
}
.auroral-yellow .rebate-side-check[data-v-5c1a9e16] { color: var(--color-text-gray-200);
}

ion-item.rebate[data-v-5c1a9e16] { --detail-icon-opacity: 1; --detail-icon-font-size: 1rem; --min-height: 3.75rem; --height: 3.75rem; --max-height: 3.75rem; border-radius: 0.625rem;
}
ion-item.rebate[data-v-5c1a9e16]::part(native) { padding-inline-start: 0.4rem; --inner-padding-end: 0;
}
ion-item[data-v-5c1a9e16]::part(detail-icon) { margin-inline-end: 0;
}
ion-progress-bar[data-v-5c1a9e16] { border-radius: 1rem;
}
ion-progress-bar[data-v-5c1a9e16]::part(progress) { border-radius: 13rem;
}
.main-rebate[data-v-5c1a9e16] { width: 100%; display: flex; flex-direction: column;
}
.top-rebate[data-v-5c1a9e16], .bottom-rebate[data-v-5c1a9e16] { display: flex; justify-content: space-around; align-items: center; padding: 1px 0;
}
.top-rebate-left[data-v-5c1a9e16], .bottom-rebate-left[data-v-5c1a9e16] { flex: 1; position: relative;
}
.rebate-right[data-v-5c1a9e16] { display: flex; justify-content: space-between; align-items: center; text-align: right; padding-right: 5px; max-width: 8.75rem;
}
.rebate-ratio[data-v-5c1a9e16] { text-align: left; text-shadow: none; font-size: 0.625rem;
}
.overflow-content[data-v-5c1a9e16] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.top-rebate-left[data-v-5c1a9e16] { justify-content: space-between;
}
.rebate-item-rate[data-v-5c1a9e16], .rebate-item-available-rate[data-v-5c1a9e16] { text-shadow: none; font-size: 0.625rem;
}
ion-item.rebate[data-v-5c1a9e16] { --background: var(--color-bg-200);
}
ion-item[data-v-5c1a9e16]::part(detail-icon) { color: var(--color-text-white-100);
}
ion-progress-bar[data-v-5c1a9e16] { --background: var(--color-bg-100);
}
ion-progress-bar[data-v-5c1a9e16]::part(progress) { background: var(--theme-color-gradient-400);
}
div ion-icon.logo[data-v-5c1a9e16] { color: var(--color-text-white-100);
}
.rebate-item-agent34[data-v-5c1a9e16] { color: var(--color-text-gray-200);
}
.rebate-item-validBet[data-v-5c1a9e16] { color: var(--color-text-white-100);
}
.rebate-ratio[data-v-5c1a9e16] { color: var(--color-text-gray-200);
}
.rebate-item-rate[data-v-5c1a9e16] { color: var(--color-text-white-100);
}
.rebate-item-available-rate[data-v-5c1a9e16] { color: var(--accent-color-yellow);
}
.rebate-item-next-rate[data-v-5c1a9e16] { color: var(--color-text-white-100);
}
.blue-default ion-item.rebate[data-v-5c1a9e16] { --background: var(--color-bg-200);
}
.blue-default ion-item[data-v-5c1a9e16]::part(detail-icon) { color: var(--color-text-white-100);
}
.blue-default ion-progress-bar[data-v-5c1a9e16] { --background: var(--color-bg-600);
}
.blue-default ion-progress-bar[data-v-5c1a9e16]::part(progress) { background: var(--theme-color-gradient-400);
}
.blue-default div ion-icon.logo[data-v-5c1a9e16] { color: var(--color-text-white-100);
}
.blue-default .rebate-item-agent34[data-v-5c1a9e16] { color: var(--color-text-gray-200);
}
.blue-default .rebate-item-validBet[data-v-5c1a9e16] { color: var(--color-text-white-100);
}
.blue-default .rebate-ratio[data-v-5c1a9e16] { color: var(--color-text-gray-200);
}
.blue-default .rebate-item-rate[data-v-5c1a9e16] { color: var(--color-text-white-100);
}
.blue-default .rebate-item-available-rate[data-v-5c1a9e16] { color: var(--accent-color-yellow);
}
.blue-default .rebate-item-next-rate[data-v-5c1a9e16] { color: var(--color-text-white-100);
}
.green-default ion-item.rebate[data-v-5c1a9e16] { --background: var(--color-bg-200);
}
.green-default ion-item[data-v-5c1a9e16]::part(detail-icon) { color: var(--color-text-gray-100);
}
.green-default ion-progress-bar[data-v-5c1a9e16] { --background: var(--color-bg-100);
}
.green-default ion-progress-bar[data-v-5c1a9e16]::part(progress) { background: var(--theme-color-gradient-200);
}
.green-default div ion-icon.logo[data-v-5c1a9e16] { color: var(--color-text-white-40);
}
.green-default .rebate-item-agent34[data-v-5c1a9e16] { color: var(--color-text-gray-200);
}
.green-default .rebate-item-validBet[data-v-5c1a9e16] { color: var(--color-text-gray-100);
}
.green-default .rebate-ratio[data-v-5c1a9e16] { color: var(--color-text-gray-200);
}
.green-default .rebate-item-rate[data-v-5c1a9e16] { color: var(--color-text-gray-100);
}
.green-default .rebate-item-available-rate[data-v-5c1a9e16] { color: var(--accent-color-yellow);
}
.green-default .rebate-item-next-rate[data-v-5c1a9e16] { color: var(--color-text-gray-100);
}
.amber-purple ion-item.rebate[data-v-5c1a9e16] { --background: var(--color-bg-200);
}
.amber-purple ion-item[data-v-5c1a9e16]::part(detail-icon) { color: var(--text-color-light-purple-1-100);
}
.amber-purple ion-progress-bar[data-v-5c1a9e16] { --background: var(--color-bg-100);
}
.amber-purple ion-progress-bar[data-v-5c1a9e16]::part(progress) { background: var(--theme-color-500);
}
.amber-purple div ion-icon.logo[data-v-5c1a9e16] { color: var(--text-color-white-40);
}
.amber-purple .rebate-item-agent34[data-v-5c1a9e16] { color: var(--text-color-light-purple-2-100);
}
.amber-purple .rebate-item-validBet[data-v-5c1a9e16] { color: var(--text-color-light-purple-1-100);
}
.amber-purple .rebate-ratio[data-v-5c1a9e16] { color: var(--text-color-light-purple-2-100);
}
.amber-purple .rebate-item-rate[data-v-5c1a9e16] { color: var(--text-color-light-purple-1-100);
}
.amber-purple .rebate-item-available-rate[data-v-5c1a9e16] { color: var(--accent-color-yellow);
}
.amber-purple .rebate-item-next-rate[data-v-5c1a9e16] { color: var(--text-color-light-purple-1-100);
}
.bottom-rebate-left-val[data-v-5c1a9e16] { position: absolute; top: 0; left: 0; text-align: center; color: var(--color-text-basic); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.bottom-rebate-left-val span[data-v-5c1a9e16], .bottom-rebate-right .rate[data-v-5c1a9e16] { white-space: nowrap;
}

html .warpper[data-v-56712ff0] { height: 100%; display: flex; flex-direction: column; overflow: hidden;
}
html .warpper[data-v-56712ff0] * { -ms-overflow-style: none; scrollbar-width: none;
}
html .warpper[data-v-56712ff0] * ::-webkit-scrollbar { display: none;
}
html .warpper > .content[data-v-56712ff0] { display: flex; flex: 1; min-height: 0; overflow: hidden;
}
html .warpper > .content .sidebar[data-v-56712ff0] { width: 5.6875rem; flex-shrink: 0; overflow: hidden;
}
html .warpper > .content .sidebar ion-segment[data-v-56712ff0] { --background: transparent; display: flex; flex-direction: column;
}
html .warpper > .content .sidebar ion-segment.ios ion-segment-button[data-v-56712ff0] { --background: var(--ep-color-background-fill-surface-raised-L1, #1a223a); --indicator-color: var(--ep-color-background-fill-surface-raised-L2, #101629); --padding-start: 0.5625rem; --padding-end: 0.5625rem; --padding-top: 0.4375rem; --padding-bottom: 0.5625rem; --border-radius: var(--ep-border-radius-m, 0.25rem); text-transform: capitalize; margin-top: 0; margin-bottom: 1rem;
}
html .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-icon[data-v-56712ff0] { font-size: 2rem; line-height: 3.75rem; color: var(--ep-color-icon-weaker, rgba(255, 255, 255, 0.2));
}
html .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-icon.check[data-v-56712ff0] { color: var(--ep-color-icon-selected, #1680dc);
}
html .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-label[data-v-56712ff0] { font-size: var(--ep-font-size-s, 0.75rem); line-height: 1.5; font-weight: var(--ep-font-weight-medium, 400); color: var(--ep-color-text-weaker, rgba(255, 255, 255, 0.4));
}
html .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-label.check[data-v-56712ff0] { color: var(--ep-color-text-default, #ffffff);
}
html .warpper > .content .task-list[data-v-56712ff0] { flex: 1; min-height: 0; margin-inline-start: 0.625rem; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
}
html .warpper > .content .task-list .task-item[data-v-56712ff0] { padding: 0.6875rem; margin-bottom: 1rem; border-radius: var(--ep-border-radius-m, 0.375rem); border: 0.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-56712ff0] { box-shadow: 0 0.25rem 0.8125rem -0.375rem rgba(117, 254, 5, 0.3) inset;
}
html .warpper > .content .task-list .task-item.finish[data-v-56712ff0] { box-shadow: 0 0.25rem 0.8125rem -0.375rem rgba(254, 184, 5, 0.3) inset;
}
html .warpper > .content .task-list .task-item.received[data-v-56712ff0] { box-shadow: 0 0.25rem 0.8125rem -0.375rem rgba(217, 217, 217, 0.3) inset;
}
html .warpper > .content .task-list .task-item[data-v-56712ff0]:last-child { margin-bottom: 0;
}
html .warpper > .content .task-list .task-item .title[data-v-56712ff0] { display: flex; flex-direction: row; justify-content: space-between; align-items: baseline;
}
html .warpper > .content .task-list .task-item .title .text[data-v-56712ff0] { font-size: var(--ep-font-size-l, 1rem); font-weight: var(--ep-font-weight-medium, 600); line-height: 1.5; color: var(--ep-color-text-default, #ffffff); flex: 4;
}
html .warpper > .content .task-list .task-item .task-info[data-v-56712ff0] { display: flex; justify-content: space-between; align-items: flex-end; gap: 0.625rem;
}
html .warpper > .content .task-list .task-item .task-info .reward[data-v-56712ff0] { display: flex; gap: 0.5rem; margin-top: 0.5rem; flex: 1; min-width: 0; max-width: 10.1875rem;
}
html .warpper > .content .task-list .task-item .task-info .reward .bonus[data-v-56712ff0] { flex: 1; max-width: 5.5rem;
}
html .warpper > .content .task-list .task-item .task-info .reward .bonus[data-v-56712ff0] { display: flex; flex-flow: column; justify-content: flex-start; min-width: 0;
}
html .warpper > .content .task-list .task-item .task-info .reward .bonus .label[data-v-56712ff0] { font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-regular, 400); line-height: 1.5; color: var(--ep-color-text-weaker, rgba(255, 255, 255, 0.4)); text-overflow: ellipsis; white-space: break-spaces;
}
html .warpper > .content .task-list .task-item .task-info .reward .bonus .box[data-v-56712ff0] { display: flex; align-items: center; flex-wrap: wrap; word-break: break-all; white-space: normal;
}
html .warpper > .content .task-list .task-item .task-info .reward .bonus .box .currency[data-v-56712ff0] { margin-right: 0.125rem; font-size: var(--ep-font-size-xs, 0.625rem); font-weight: var(--ep-font-weight-medium, 500); line-height: 1.5; color: var(--ep-color-icon-warning, #feb805);
}
html .warpper > .content .task-list .task-item .task-info .reward .bonus .box .number[data-v-56712ff0] { font-size: var(--ep-font-size-xs, 0.625rem); 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-56712ff0] { color: var(--ep-color-text-warning, #df8644);
}
html .warpper > .content .task-list .instructions[data-v-56712ff0] { font-size: var(--ep-font-size-s, 0.75rem); line-height: 1.5;
}
html .warpper > .content .task-list .instructions[data-v-56712ff0] .ruleHeader { margin-bottom: 0.5rem; justify-content: start; margin-top: 1rem;
}
html .warpper > .content .task-list .instructions[data-v-56712ff0] .ruleHeader .span-cls { margin: 0; color: var(--ep-color-text-default, rgba(255, 255, 255, 0.8)); font-size: 0.875rem;
}
html .warpper > .content .task-list .instructions[data-v-56712ff0] .item-wrap { padding: 0;
}
html .warpper > .content .task-list .instructions[data-v-56712ff0] .item-wrap .rule-item { color: var(--ep-color-text-weaker, rgba(255, 255, 255, 0.4));
}
html .warpper > .content .task-list .instructions .label[data-v-56712ff0] { font-weight: var(--ep-font-weight-medium, 500); margin-bottom: 2rem; color: var(--ep-color-text-default, rgba(255, 255, 255, 0.8));
}
html .warpper > .content .task-list .instructions .content[data-v-56712ff0] { font-weight: var(--ep-font-weight-regular, 400); color: var(--ep-color-text-weaker, rgba(255, 255, 255, 0.4));
}
html .warpper > .content .task-list .instructions .content .item[data-v-56712ff0] { display: flex;
}
html .warpper > .content .task-list .instructions .content .item + .item[data-v-56712ff0] { margin-top: 1.5rem;
}
html .warpper ion-button.init-btn[data-v-56712ff0] { --padding-top: 0.375rem; --padding-bottom: 0.375rem; --padding-start: 0.625rem; --padding-end: 0.625rem; margin-top: 0; margin-bottom: 0; margin-inline-start: 0; margin-inline-end: 0; font-feature-settings: 'cpsp' on; font-size: 0.75rem; font-weight: 400; line-height: 1; min-height: min-content; --border-radius: 0.375rem;
}
html .warpper ion-button.unset-btn[data-v-56712ff0] { --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-56712ff0] { --border-width: 0.0625rem; --border-style: solid; font-weight: var(--ep-font-weight-medium, 400);
}
html .warpper ion-button.outline-btn.receive[data-v-56712ff0], html .warpper ion-button.outline-btn.record[data-v-56712ff0] { width: 100%; min-height: min-content; --border-width: 0.125rem; --padding-start: 0.3125rem; --padding-end: 0.3125rem; --padding-top: 0.4375rem; --padding-bottom: 0.4375rem; --border-radius: var(--ep-border-radius-infinity, 0.875rem); --background-activated-opacity: 0.7; font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-medium, 500); margin-top: 1rem; margin-inline-start: 0; margin-inline-end: 0;
}
html .warpper ion-button.outline-btn.receive[data-v-56712ff0] { --background: #4f420d; --color: var(--ep-color-text-highlight, #feb805); --border-color: var(--ep-color-border-highlight, #feb805); --box-shadow: -0.1167rem -0.1167rem 0.1167rem 0 rgba(0, 0, 0, 0.2) inset, 0.1167rem 0.1167rem 0.1167rem 0 rgba(0, 0, 0, 0.2) inset, 0 0 0.5833rem 0 rgba(182, 175, 47, 0.2) inset, 0 0 1.75rem 0 rgba(219, 192, 96, 0.75) inset, 0 0 0.5833rem 0 rgba(182, 180, 47, 0.25);
}
html .warpper ion-button.outline-btn.receive[data-v-56712ff0]::part(native) { color: var(--ep-color-text-highlight, #feb805);
}
html .warpper ion-button.outline-btn.record[data-v-56712ff0] { --background: #1d4d1d; --color: var(--ep-color-text-success, #53c154); --border-color: var(--ep-color-text-success, #3ce89b); --box-shadow: -0.1167rem -0.1167rem 0.1167rem 0 rgba(0, 0, 0, 0.2) inset, 0.1167rem 0.1167rem 0.1167rem 0 rgba(0, 0, 0, 0.2) inset, 0 0 0.5833rem 0 rgba(47, 182, 122, 0.2) inset, 0 0 1.75rem 0 rgba(96, 219, 164, 0.75) inset, 0 0 0.5833rem 0 rgba(47, 182, 122, 0.25);
}
html .warpper ion-button.outline-btn.record[data-v-56712ff0]::part(native) { color: var(--ep-color-text-success, #53c154);
}
html .warpper ion-button.outline-btn.unfinished[data-v-56712ff0], html .warpper ion-button.outline-btn.finish[data-v-56712ff0], html .warpper ion-button.outline-btn.received[data-v-56712ff0] { --padding-top: 4px; --padding-bottom: 4px; --padding-start: 10px; --padding-end: 10px; --border-radius: var(--ep-border-radius-m, 0.25rem); --background: transparent; width: 5rem; min-height: 2rem; font-size: 0.75rem; flex-shrink: 0;
}
html .warpper ion-button.outline-btn.finish[data-v-56712ff0] { --color: var(--ep-color-text-highlight, #feb805); --border-color: var(--ep-color-border-highlight, #feb805);
}
html .warpper ion-button.outline-btn.unfinished[data-v-56712ff0] { --color: var(--ep-color-text-success, #53c154); --border-color: var(--ep-color-text-success, #53c154);
}
html .warpper ion-button.outline-btn.received[data-v-56712ff0] { --color: var(--ep-color-text-weaker, rgba(255, 255, 255, 0.3)); --border-color: var(--ep-color-border-default, rgba(255, 255, 255, 0.3)); --box-shadow: none; --background: var(--ep-color-background-fill-surface-raised-L1, #1a223a);
}
.green-v01 .warpper > .content .sidebar ion-segment.ios ion-segment-button[data-v-56712ff0], green-v02 .warpper > .content .sidebar ion-segment.ios ion-segment-button[data-v-56712ff0], .green-default .warpper > .content .sidebar ion-segment.ios ion-segment-button[data-v-56712ff0] { --background: #274116; --indicator-color: #2b4f14;
}
.green-v01 .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-icon[data-v-56712ff0], green-v02 .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-icon[data-v-56712ff0], .green-default .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-icon[data-v-56712ff0] { color: rgba(255, 255, 255, 0.2);
}
.green-v01 .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-icon.check[data-v-56712ff0], green-v02 .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-icon.check[data-v-56712ff0], .green-default .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-icon.check[data-v-56712ff0] { color: #17b663;
}
.green-v01 .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-label[data-v-56712ff0], green-v02 .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-label[data-v-56712ff0], .green-default .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-label[data-v-56712ff0] { color: rgba(255, 255, 255, 0.4);
}
.green-v01 .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-label.check[data-v-56712ff0], green-v02 .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-label.check[data-v-56712ff0], .green-default .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-label.check[data-v-56712ff0] { color: #afc69f;
}
.green-v01 .warpper > .content .task-list .task-item[data-v-56712ff0], green-v02 .warpper > .content .task-list .task-item[data-v-56712ff0], .green-default .warpper > .content .task-list .task-item[data-v-56712ff0] { background-color: #274116; border: 0.0625rem solid #47612e;
}
.green-v01 .warpper > .content .task-list .task-item.unfinished[data-v-56712ff0], green-v02 .warpper > .content .task-list .task-item.unfinished[data-v-56712ff0], .green-default .warpper > .content .task-list .task-item.unfinished[data-v-56712ff0] { box-shadow: 0 0.25rem 0.8125rem -0.375rem rgba(117, 254, 5, 0.3) inset;
}
.green-v01 .warpper > .content .task-list .task-item.finish[data-v-56712ff0], green-v02 .warpper > .content .task-list .task-item.finish[data-v-56712ff0], .green-default .warpper > .content .task-list .task-item.finish[data-v-56712ff0] { box-shadow: 0 0.25rem 0.8125rem -0.375rem rgba(254, 184, 5, 0.3) inset;
}
.green-v01 .warpper > .content .task-list .task-item .title .text[data-v-56712ff0], green-v02 .warpper > .content .task-list .task-item .title .text[data-v-56712ff0], .green-default .warpper > .content .task-list .task-item .title .text[data-v-56712ff0] { color: #afc69f;
}
.green-v01 .warpper > .content .task-list .task-item .task-info .reward .bonus .label[data-v-56712ff0], green-v02 .warpper > .content .task-list .task-item .task-info .reward .bonus .label[data-v-56712ff0], .green-default .warpper > .content .task-list .task-item .task-info .reward .bonus .label[data-v-56712ff0] { color: var(--ep-color-text-weaker, rgba(255, 255, 255, 0.4));
}
.green-v01 .warpper > .content .task-list .task-item .task-info .reward .bonus .number[data-v-56712ff0], green-v02 .warpper > .content .task-list .task-item .task-info .reward .bonus .number[data-v-56712ff0], .green-default .warpper > .content .task-list .task-item .task-info .reward .bonus .number[data-v-56712ff0] { color: var(--ep-color-text-warning, #df8644);
}
.green-v01 .warpper > .content .task-list .instructions .label[data-v-56712ff0], green-v02 .warpper > .content .task-list .instructions .label[data-v-56712ff0], .green-default .warpper > .content .task-list .instructions .label[data-v-56712ff0] { color: #afc69f;
}
.green-v01 .warpper > .content .task-list .instructions .content[data-v-56712ff0], green-v02 .warpper > .content .task-list .instructions .content[data-v-56712ff0], .green-default .warpper > .content .task-list .instructions .content[data-v-56712ff0] { color: var(--ep-color-text-weaker, rgba(255, 255, 255, 0.4));
}
.green-v01 .warpper ion-button.outline-btn.finish[data-v-56712ff0], green-v02 .warpper ion-button.outline-btn.finish[data-v-56712ff0], .green-default .warpper ion-button.outline-btn.finish[data-v-56712ff0] { --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-56712ff0], green-v02 .warpper ion-button.outline-btn.unfinished[data-v-56712ff0], .green-default .warpper ion-button.outline-btn.unfinished[data-v-56712ff0] { --color: var(--ep-color-text-success, #53c154); --border-color: var(--ep-color-text-success, #53c154);
}
.green-v01 .warpper ion-button.outline-btn.received[data-v-56712ff0], green-v02 .warpper ion-button.outline-btn.received[data-v-56712ff0], .green-default .warpper ion-button.outline-btn.received[data-v-56712ff0] { --color: rgba(217, 217, 217, 0.3); --border-color: rgba(217, 217, 217, 0.3); --background: var(--color-bg-100); --box-shadow: none;
}
.yellow-dark .warpper > .content .sidebar ion-segment.ios ion-segment-button[data-v-56712ff0], .auroral-yellow .warpper > .content .sidebar ion-segment.ios ion-segment-button[data-v-56712ff0] { --background: #262624; --indicator-color: #2f2e2d;
}
.yellow-dark .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-icon[data-v-56712ff0], .auroral-yellow .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-icon[data-v-56712ff0] { color: var(--ep-color-icon-weaker, rgba(255, 255, 255, 0.2));
}
.yellow-dark .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-icon.check[data-v-56712ff0], .auroral-yellow .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-icon.check[data-v-56712ff0] { color: #feb805;
}
.yellow-dark .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-label[data-v-56712ff0], .auroral-yellow .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-label[data-v-56712ff0] { color: var(--ep-color-text-weaker, rgba(255, 255, 255, 0.4));
}
.yellow-dark .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-label.check[data-v-56712ff0], .auroral-yellow .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-label.check[data-v-56712ff0] { color: var(--ep-color-text-default, #ffffff);
}
.yellow-dark .warpper > .content .task-list .task-item[data-v-56712ff0], .auroral-yellow .warpper > .content .task-list .task-item[data-v-56712ff0] { background-color: #262624; border: 0.0625rem solid #424242;
}
.yellow-dark .warpper > .content .task-list .task-item.unfinished[data-v-56712ff0], .auroral-yellow .warpper > .content .task-list .task-item.unfinished[data-v-56712ff0] { box-shadow: 0 0.25rem 0.8125rem -0.375rem rgba(117, 254, 5, 0.3) inset;
}
.yellow-dark .warpper > .content .task-list .task-item.finish[data-v-56712ff0], .auroral-yellow .warpper > .content .task-list .task-item.finish[data-v-56712ff0] { box-shadow: 0 0.25rem 0.8125rem -0.375rem rgba(254, 184, 5, 0.3) inset;
}
.yellow-dark .warpper > .content .task-list .task-item .title .text[data-v-56712ff0], .auroral-yellow .warpper > .content .task-list .task-item .title .text[data-v-56712ff0] { color: var(--ep-color-text-default, #ffffff);
}
.yellow-dark .warpper > .content .task-list .task-item .task-info .reward .bonus .label[data-v-56712ff0], .auroral-yellow .warpper > .content .task-list .task-item .task-info .reward .bonus .label[data-v-56712ff0] { color: var(--ep-color-text-weaker, rgba(255, 255, 255, 0.4));
}
.yellow-dark .warpper > .content .task-list .task-item .task-info .reward .bonus .number[data-v-56712ff0], .auroral-yellow .warpper > .content .task-list .task-item .task-info .reward .bonus .number[data-v-56712ff0] { color: var(--ep-color-text-warning, #df8644);
}
.yellow-dark .warpper > .content .task-list .instructions .label[data-v-56712ff0], .auroral-yellow .warpper > .content .task-list .instructions .label[data-v-56712ff0] { color: var(--ep-color-text-default, rgba(255, 255, 255, 0.8));
}
.yellow-dark .warpper > .content .task-list .instructions .content[data-v-56712ff0], .auroral-yellow .warpper > .content .task-list .instructions .content[data-v-56712ff0] { color: var(--ep-color-text-weaker, rgba(255, 255, 255, 0.4));
}
.yellow-dark .warpper ion-button.outline-btn.finish[data-v-56712ff0], .auroral-yellow .warpper ion-button.outline-btn.finish[data-v-56712ff0] { --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-56712ff0], .auroral-yellow .warpper ion-button.outline-btn.unfinished[data-v-56712ff0] { --color: var(--ep-color-text-success, #53c154); --border-color: var(--ep-color-text-success, #53c154);
}
.yellow-dark .warpper ion-button.outline-btn.received[data-v-56712ff0], .auroral-yellow .warpper ion-button.outline-btn.received[data-v-56712ff0] { --color: rgba(217, 217, 217, 0.3); --border-color: rgba(217, 217, 217, 0.3); --background: var(--color-bg-100); --box-shadow: none;
}
.forest-green .warpper > .content .sidebar ion-segment.ios ion-segment-button[data-v-56712ff0] { --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-56712ff0] { color: rgba(255, 255, 255, 0.2);
}
.forest-green .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-icon.check[data-v-56712ff0] { color: var(--theme-color-800);
}
.forest-green .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-label[data-v-56712ff0] { color: rgba(255, 255, 255, 0.4);
}
.forest-green .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-label.check[data-v-56712ff0] { color: var(--ep-color-text-default, #ffffff);
}
.forest-green .warpper > .content .task-list .task-item[data-v-56712ff0] { background-color: var(--color-bg-200); border: 0.0625rem solid #006b4f;
}
.forest-green .warpper > .content .task-list .task-item.unfinished[data-v-56712ff0] { box-shadow: 0 0.25rem 0.8125rem -0.375rem rgba(117, 254, 5, 0.3) inset;
}
.forest-green .warpper > .content .task-list .task-item.finish[data-v-56712ff0] { box-shadow: 0 0.25rem 0.8125rem -0.375rem rgba(254, 184, 5, 0.3) inset;
}
.forest-green .warpper > .content .task-list .task-item .title .text[data-v-56712ff0] { color: var(--ep-color-text-default, #ffffff);
}
.forest-green .warpper > .content .task-list .task-item .task-info .reward .bonus .label[data-v-56712ff0] { color: #50b388;
}
.forest-green .warpper > .content .task-list .task-item .task-info .reward .bonus .number[data-v-56712ff0] { color: var(--ep-color-text-warning, #df8644);
}
.forest-green .warpper > .content .task-list .instructions .label[data-v-56712ff0] { color: var(--ep-color-text-default, rgba(255, 255, 255, 0.8));
}
.forest-green .warpper > .content .task-list .instructions .content[data-v-56712ff0] { color: #50b388;
}
.forest-green .warpper ion-button.outline-btn.finish[data-v-56712ff0] { --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-56712ff0] { --color: var(--ep-color-text-success, #53c154); --border-color: var(--ep-color-text-success, #53c154);
}
.forest-green .warpper ion-button.outline-btn.received[data-v-56712ff0] { --color: rgba(217, 217, 217, 0.3); --border-color: rgba(217, 217, 217, 0.3); --background: var(--color-bg-100); --box-shadow: none;
}
.green-dark .warpper > .content .sidebar ion-segment.ios ion-segment-button[data-v-56712ff0] { --background: #22262e; --indicator-color: #3b414d;
}
.green-dark .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-icon[data-v-56712ff0] { color: var(--ep-color-icon-weaker, rgba(255, 255, 255, 0.2));
}
.green-dark .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-icon.check[data-v-56712ff0] { color: #3e9b2f;
}
.green-dark .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-label[data-v-56712ff0] { color: var(--ep-color-text-weaker, rgba(255, 255, 255, 0.4));
}
.green-dark .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-label.check[data-v-56712ff0] { color: var(--ep-color-text-default, #ffffff);
}
.green-dark .warpper > .content .task-list .task-item[data-v-56712ff0] { background-color: #22262e; border: 0.0625rem solid #424242;
}
.green-dark .warpper > .content .task-list .task-item.unfinished[data-v-56712ff0] { box-shadow: 0 0.25rem 0.8125rem -0.375rem rgba(117, 254, 5, 0.3) inset;
}
.green-dark .warpper > .content .task-list .task-item.finish[data-v-56712ff0] { box-shadow: 0 0.25rem 0.8125rem -0.375rem rgba(254, 184, 5, 0.3) inset;
}
.green-dark .warpper > .content .task-list .task-item .title .text[data-v-56712ff0] { color: var(--ep-color-text-default, #ffffff);
}
.green-dark .warpper > .content .task-list .task-item .task-info .reward .bonus .label[data-v-56712ff0] { color: var(--ep-color-text-weaker, rgba(255, 255, 255, 0.4));
}
.green-dark .warpper > .content .task-list .task-item .task-info .reward .bonus .number[data-v-56712ff0] { color: var(--ep-color-text-warning, #df8644);
}
.green-dark .warpper > .content .task-list .instructions .label[data-v-56712ff0] { color: var(--ep-color-text-default, rgba(255, 255, 255, 0.8));
}
.green-dark .warpper > .content .task-list .instructions .content[data-v-56712ff0] { color: var(--ep-color-text-weaker, rgba(255, 255, 255, 0.4));
}
.green-dark .warpper ion-button.outline-btn.finish[data-v-56712ff0] { --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-56712ff0] { --color: var(--ep-color-text-success, #53c154); --border-color: var(--ep-color-text-success, #53c154);
}
.green-dark .warpper ion-button.outline-btn.received[data-v-56712ff0] { --color: rgba(217, 217, 217, 0.3); --border-color: rgba(217, 217, 217, 0.3); --background: var(--color-bg-100); --box-shadow: none;
}
.purple-light .warpper > .content .sidebar ion-segment.ios ion-segment-button[data-v-56712ff0] { --background: #eee5ff; --indicator-color: #f4eeff;
}
.purple-light .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-icon[data-v-56712ff0] { color: rgba(55, 66, 87, 0.2);
}
.purple-light .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-icon.check[data-v-56712ff0] { color: #6526db;
}
.purple-light .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-label[data-v-56712ff0] { color: rgba(45, 45, 45, 0.6);
}
.purple-light .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-label.check[data-v-56712ff0] { color: #403d4f;
}
.purple-light .warpper > .content .task-list .task-item[data-v-56712ff0] { background-color: #eee5ff; border: 0.0625rem solid #f4eeff;
}
.purple-light .warpper > .content .task-list .task-item.unfinished[data-v-56712ff0] { box-shadow: 0 0.25rem 0.8125rem -0.375rem rgba(117, 254, 5, 0.3) inset;
}
.purple-light .warpper > .content .task-list .task-item.finish[data-v-56712ff0] { box-shadow: 0 0.25rem 0.8125rem -0.375rem rgba(254, 184, 5, 0.3) inset;
}
.purple-light .warpper > .content .task-list .task-item .title .text[data-v-56712ff0] { color: #403d4f;
}
.purple-light .warpper > .content .task-list .task-item .task-info .reward .bonus .label[data-v-56712ff0] { color: rgba(64, 61, 79, 0.8);
}
.purple-light .warpper > .content .task-list .task-item .task-info .reward .bonus .number[data-v-56712ff0] { color: var(--ep-color-text-warning, #df8644);
}
.purple-light .warpper > .content .task-list .instructions .label[data-v-56712ff0] { color: #403d4f;
}
.purple-light .warpper > .content .task-list .instructions .content[data-v-56712ff0] { color: rgba(64, 61, 79, 0.8);
}
.purple-light .warpper ion-button.outline-btn.finish[data-v-56712ff0] { --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-56712ff0] { --color: var(--ep-color-text-success, #53c154); --border-color: var(--ep-color-text-success, #53c154);
}
.purple-light .warpper ion-button.outline-btn.received[data-v-56712ff0] { --color: #ababab; --border-color: #ababab; --background: var(--color-bg-100); --box-shadow: none;
}
.amber-purple .warpper > .content .sidebar ion-segment.ios ion-segment-button[data-v-56712ff0] { --background: #2c294d; --indicator-color: #3b3466;
}
.amber-purple .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-icon[data-v-56712ff0] { color: rgba(255, 255, 255, 0.2);
}
.amber-purple .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-icon.check[data-v-56712ff0] { color: #7041f3;
}
.amber-purple .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-label[data-v-56712ff0] { color: #686299;
}
.amber-purple .warpper > .content .sidebar ion-segment.ios ion-segment-button ion-label.check[data-v-56712ff0] { color: #bdb8e1;
}
.amber-purple .warpper > .content .task-list .task-item[data-v-56712ff0] { background-color: #2c294d; border: 0.0625rem solid #4b4778;
}
.amber-purple .warpper > .content .task-list .task-item.unfinished[data-v-56712ff0] { box-shadow: 0 0.25rem 0.8125rem -0.375rem rgba(117, 254, 5, 0.3) inset;
}
.amber-purple .warpper > .content .task-list .task-item.finish[data-v-56712ff0] { box-shadow: 0 0.25rem 0.8125rem -0.375rem rgba(254, 184, 5, 0.3) inset;
}
.amber-purple .warpper > .content .task-list .task-item .title .text[data-v-56712ff0] { color: #bdb8e1;
}
.amber-purple .warpper > .content .task-list .task-item .task-info .reward .bonus .label[data-v-56712ff0] { color: #686299;
}
.amber-purple .warpper > .content .task-list .task-item .task-info .reward .bonus .number[data-v-56712ff0] { color: var(--ep-color-text-warning, #df8644);
}
.amber-purple .warpper > .content .task-list .instructions .label[data-v-56712ff0] { color: #bdb8e1;
}
.amber-purple .warpper > .content .task-list .instructions .content[data-v-56712ff0] { color: #686299;
}
.amber-purple .warpper ion-button.outline-btn.finish[data-v-56712ff0] { --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-56712ff0] { --color: var(--ep-color-text-success, #53c154); --border-color: var(--ep-color-text-success, #53c154);
}
.amber-purple .warpper ion-button.outline-btn.received[data-v-56712ff0] { --color: rgba(217, 217, 217, 0.3); --border-color: rgba(217, 217, 217, 0.3); --background: var(--color-bg-100); --box-shadow: none;
}

.activity-banner[data-v-1fece586] { background-repeat: no-repeat; background-size: 100% auto; min-height: 7.75rem;
}

ion-item.shiny[data-v-1fece586] { position: relative; overflow: hidden;
}
ion-item.shiny[data-v-1fece586]:before { content: ''; animation: shiny-1fece586 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-1fece586] { --padding-start: 15px; --padding-end: 15px; --padding-top: 10px;
}
ion-content#main ion-item[data-v-1fece586] { --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-1fece586 {
0% { opacity: 0; transform: scale(0) rotate(45deg);
}
50% { opacity: 0.3; transform: scale(0) rotate(45deg);
}
81% { opacity: 0.6; transform: scale(4) rotate(45deg);
}
to { opacity: 0; transform: scale(50) rotate(45deg);
}
}
.activity-list-btn-basic[data-v-1fece586], .blue-default .activity-list-btn-basic[data-v-1fece586], .green-default .activity-list-btn-basic[data-v-1fece586] { color: var(--color-text-white-100);
}
.amber-purple .activity-list-btn-basic[data-v-1fece586] { color: var(--text-color-white-100);
}

ion-toolbar ion-segment.md[data-v-cbce9831] { display: flex; justify-content: left; padding: 0 0.625rem;
}
ion-toolbar ion-segment-button.md[data-v-cbce9831]::part(native) { --padding-start: 0.625rem; --padding-end: 0.625rem;
}
ion-toolbar ion-segment-button.md[data-v-cbce9831]::part(indicator) { margin-left: auto; margin-right: auto;
}
ion-toolbar ion-segment-button.md[data-v-cbce9831]::part(indicator-background) { height: 0.125rem;
}
ion-toolbar ion-segment-button.md ion-label[data-v-cbce9831] { margin-top: 0; margin-bottom: 0; text-transform: none;
}
ion-content.side[data-v-cbce9831] { --padding-start: 0.875rem; --padding-top: 0.625rem; max-width: 5.3125rem;
}
ion-content.side ion-segment-button.ios[data-v-cbce9831] { --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-cbce9831] { --padding-start: 15px; --padding-end: 15px; --padding-top: 10px;
}
ion-content#main ion-item[data-v-cbce9831] { --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-cbce9831]::part(native) { padding-inline-end: 0px; background-repeat: no-repeat; background-size: 100%;
}
ion-label.active[data-v-cbce9831] { color: var(--color-text-white-100);
}
ion-label.inactive[data-v-cbce9831] { color: var(--color-text-gray-200);
}
ion-toolbar ion-segment-button.md[data-v-cbce9831]::part(indicator-background) { background: var(--theme-color-gradient-100);
}
ion-content.side ion-segment[data-v-cbce9831] { --background: var(--color-bg-200);
}
ion-content.side ion-segment-button.ios[data-v-cbce9831] { --indicator-color: var(--color-bg-100); --color-checked: var(--color-text-white-100);
}
.promo-text-unChecked[data-v-cbce9831] { color: var(--color-text-gray-200);
}
.blue-default ion-label.active[data-v-cbce9831] { color: var(--color-text-white-100);
}
.blue-default ion-label.inactive[data-v-cbce9831] { color: var(--color-text-gray-200);
}
.blue-default ion-toolbar ion-segment-button.md[data-v-cbce9831]::part(indicator-background) { background: var(--theme-color-gradient-100);
}
.blue-default ion-content.side ion-segment[data-v-cbce9831] { --background: var(--color-bg-200);
}
.blue-default ion-content.side ion-segment-button.ios[data-v-cbce9831] { --indicator-color: var(--color-bg-100); --color-checked: var(--color-text-white-100);
}
.blue-default .promo-text-unChecked[data-v-cbce9831] { color: var(--color-text-gray-200);
}
.forest-green ion-label.active[data-v-cbce9831] { color: var(--color-text-gray-100);
}
.forest-green ion-label.inactive[data-v-cbce9831] { color: var(--color-text-gray-200);
}
.forest-green ion-toolbar ion-segment-button.md[data-v-cbce9831]::part(indicator-background) { background: var(--theme-color-gradient-100);
}
.forest-green ion-content.side ion-segment[data-v-cbce9831] { --background: var(--color-bg-200);
}
.forest-green ion-content.side ion-segment-button.ios[data-v-cbce9831] { --indicator-color: var(--color-bg-100); --color-checked: var(--color-text-gray-100);
}
.forest-green .promo-text-unChecked[data-v-cbce9831] { color: var(--color-text-gray-200);
}
.green-default ion-label.active[data-v-cbce9831] { color: var(--color-text-gray-100);
}
.green-default ion-label.inactive[data-v-cbce9831] { color: var(--color-text-gray-200);
}
.green-default ion-toolbar ion-segment-button.md[data-v-cbce9831]::part(indicator-background) { background: var(--theme-color-gradient-100);
}
.green-default ion-content.side ion-segment[data-v-cbce9831] { --background: var(--color-bg-200);
}
.green-default ion-content.side ion-segment-button.ios[data-v-cbce9831] { --indicator-color: var(--color-bg-100); --color-checked: var(--color-text-gray-100);
}
.green-default .promo-text-unChecked[data-v-cbce9831] { color: var(--color-text-gray-200);
}
.amber-purple ion-label.active[data-v-cbce9831] { color: var(--text-color-light-purple-1-100);
}
.amber-purple ion-label.inactive[data-v-cbce9831] { color: var(--text-color-light-purple-2-100);
}
.amber-purple ion-toolbar ion-segment-button.md[data-v-cbce9831]::part(indicator-background) { background: var(--segment-gradients-purple);
}
.amber-purple ion-content.side ion-segment[data-v-cbce9831] { --background: var(--color-bg-200);
}
.amber-purple ion-content.side ion-segment-button.ios[data-v-cbce9831] { --indicator-color: var(--color-bg-100); --color-checked: var(--text-color-light-purple-1-100);
}
.amber-purple .promo-text-unChecked[data-v-cbce9831] { color: var(--text-color-light-purple-2-100);
}
.auroral-yellow ion-label.active[data-v-cbce9831] { color: var(--color-text-white-100);
}
.auroral-yellow ion-label.inactive[data-v-cbce9831] { color: var(--color-text-gray-200);
}
.auroral-yellow ion-toolbar ion-segment-button.md[data-v-cbce9831]::part(indicator-background) { background: var(--theme-color-800);
}
.auroral-yellow ion-content.side ion-segment[data-v-cbce9831] { --background: var(--color-bg-200);
}
.auroral-yellow ion-content.side ion-segment-button.ios[data-v-cbce9831] { --indicator-color: var(--color-bg-100); --color-checked: var(--color-text-white-100);
}
.auroral-yellow .promo-text-unChecked[data-v-cbce9831] { color: var(--color-text-gray-200);
}

ion-content#iframe[data-v-032b7a16] { --background: #fff;
}
.payment-status[data-v-032b7a16] { padding: 1.5rem; text-align: center; color: var(--color-text-gray-200);
}

.qr-code img[data-v-b507b455] { width: 100%; height: 100%;
}

.yellow-dark .recharge-qr-code-content[data-v-b507b455] { width: 21.25rem; margin: 0 auto;
}
.yellow-dark .recharge-qr-code-content .copy-icon[data-v-b507b455] { font-size: 1rem; color: var(--theme-color-700); cursor: pointer;
}
.yellow-dark .recharge-qr-code-content .recharge-qr-code-detail[data-v-b507b455] { margin-top: 1.3125rem;
}
.yellow-dark .recharge-qr-code-content .recharge-qr-code-detail li[data-v-b507b455] { color: var(--color-text-40); font-size: var(--ep-font-size-s, 0.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-b507b455] { width: 0.375rem; height: 0.375rem; border-radius: var(--ep-border-radius-xs, 0.125rem); background: var(--color-text-40); margin-right: 0.1875rem; margin-top: 0.25rem; display: inline-block;
}
.yellow-dark .recharge-qr-code-content .recharge-qr-code-detail li[data-v-b507b455]:last-child { color: var(--accent-color-blue);
}
.yellow-dark .recharge-qr-code-content .recharge-qr-code-detail li:last-child .dotted[data-v-b507b455] { background: var(--accent-color-blue);
}
.yellow-dark .recharge-qr-code-content .qr-area[data-v-b507b455] { width: 13.625rem; margin: 1.25rem auto; text-align: center; font-size: var(--ep-font-size-s, 0.75rem);
}
.yellow-dark .recharge-qr-code-content .qr-area .amount[data-v-b507b455] { 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-b507b455] { margin: 0 0.1875rem;
}
.yellow-dark .recharge-qr-code-content .qr-area .qr-code[data-v-b507b455] { width: 9.375rem; height: 9.375rem; margin: 0.5rem auto;
}
.yellow-dark .recharge-qr-code-content .qr-area .qr-btn[data-v-b507b455] { 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, 0.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-b507b455] { 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-b507b455] { margin: 0 0.1875rem;
}
.yellow-dark .recharge-qr-code-content .qr-area .count-down[data-v-b507b455] { color: var(--color-text-40); display: flex; align-items: center; justify-content: center; margin-top: 0.375rem;
}
.yellow-dark .recharge-qr-code-content .qr-area .count-down .time-icon[data-v-b507b455] { 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-b507b455], .yellow-dark .recharge-qr-code-content .qr-area .count-down .minute[data-v-b507b455] { margin: 0 0.1875rem;
}
.yellow-dark .recharge-qr-code-content .qr-area .count-down .count-down-time[data-v-b507b455] { color: var(--color-text-80);
}
.yellow-dark .recharge-qr-code-content .recharge-order-detail li[data-v-b507b455] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.625rem; font-size: var(--ep-font-size-s, 0.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-b507b455] { color: var(--color-text-40);
}
.yellow-dark .recharge-qr-code-content .recharge-order-detail li .right[data-v-b507b455] { color: var(--color-text-80); display: flex; align-items: center;
}
.green-dark .recharge-qr-code-content[data-v-b507b455] { width: 21.25rem; margin: 0 auto;
}
.green-dark .recharge-qr-code-content .copy-icon[data-v-b507b455] { font-size: 1rem; color: var(--theme-color-700); cursor: pointer;
}
.green-dark .recharge-qr-code-content .recharge-qr-code-detail[data-v-b507b455] { margin-top: 1.3125rem;
}
.green-dark .recharge-qr-code-content .recharge-qr-code-detail li[data-v-b507b455] { color: var(--color-text-40); font-size: var(--ep-font-size-s, 0.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-b507b455] { width: 0.375rem; height: 0.375rem; border-radius: var(--ep-border-radius-xs, 0.125rem); background: var(--color-text-40); margin-right: 0.1875rem; margin-top: 0.25rem; display: inline-block;
}
.green-dark .recharge-qr-code-content .recharge-qr-code-detail li[data-v-b507b455]:last-child { color: var(--accent-color-blue);
}
.green-dark .recharge-qr-code-content .recharge-qr-code-detail li:last-child .dotted[data-v-b507b455] { background: var(--accent-color-blue);
}
.green-dark .recharge-qr-code-content .qr-area[data-v-b507b455] { width: 13.625rem; margin: 1.25rem auto; text-align: center; font-size: var(--ep-font-size-s, 0.75rem);
}
.green-dark .recharge-qr-code-content .qr-area .amount[data-v-b507b455] { 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-b507b455] { margin: 0 0.1875rem;
}
.green-dark .recharge-qr-code-content .qr-area .qr-code[data-v-b507b455] { width: 9.375rem; height: 9.375rem; margin: 0.5rem auto;
}
.green-dark .recharge-qr-code-content .qr-area .qr-btn[data-v-b507b455] { 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, 0.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-b507b455] { 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-b507b455] { margin: 0 0.1875rem;
}
.green-dark .recharge-qr-code-content .qr-area .count-down[data-v-b507b455] { color: var(--color-text-40); display: flex; align-items: center; justify-content: center; margin-top: 0.375rem;
}
.green-dark .recharge-qr-code-content .qr-area .count-down .time-icon[data-v-b507b455] { 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-b507b455], .green-dark .recharge-qr-code-content .qr-area .count-down .minute[data-v-b507b455] { margin: 0 0.1875rem;
}
.green-dark .recharge-qr-code-content .qr-area .count-down .count-down-time[data-v-b507b455] { color: var(--color-text-80);
}
.green-dark .recharge-qr-code-content .recharge-order-detail li[data-v-b507b455] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.625rem; font-size: var(--ep-font-size-s, 0.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-b507b455] { color: var(--color-text-40);
}
.green-dark .recharge-qr-code-content .recharge-order-detail li .right[data-v-b507b455] { color: var(--color-text-80); display: flex; align-items: center;
}
.purple-light .recharge-qr-code-content[data-v-b507b455] { width: 21.25rem; margin: 0 auto;
}
.purple-light .recharge-qr-code-content .copy-icon[data-v-b507b455] { font-size: 1rem; color: var(--theme-color-700); cursor: pointer;
}
.purple-light .recharge-qr-code-content .recharge-qr-code-detail[data-v-b507b455] { margin-top: 1.3125rem;
}
.purple-light .recharge-qr-code-content .recharge-qr-code-detail li[data-v-b507b455] { color: var(--color-text-100); font-size: var(--ep-font-size-s, 0.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-b507b455] { width: 0.375rem; height: 0.375rem; border-radius: var(--ep-border-radius-xs, 0.125rem); background: var(--color-text-100); margin-right: 0.1875rem; margin-top: 0.25rem; display: inline-block;
}
.purple-light .recharge-qr-code-content .recharge-qr-code-detail li[data-v-b507b455]:last-child { color: var(--accent-color-blue);
}
.purple-light .recharge-qr-code-content .recharge-qr-code-detail li:last-child .dotted[data-v-b507b455] { background: var(--accent-color-blue);
}
.purple-light .recharge-qr-code-content .qr-area[data-v-b507b455] { width: 13.625rem; margin: 1.25rem auto; text-align: center; font-size: var(--ep-font-size-s, 0.75rem);
}
.purple-light .recharge-qr-code-content .qr-area .amount[data-v-b507b455] { 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-b507b455] { margin: 0 0.1875rem;
}
.purple-light .recharge-qr-code-content .qr-area .qr-code[data-v-b507b455] { width: 9.375rem; height: 9.375rem; margin: 0.5rem auto;
}
.purple-light .recharge-qr-code-content .qr-area .qr-btn[data-v-b507b455] { 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, 0.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-b507b455] { 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-b507b455] { margin: 0 0.1875rem;
}
.purple-light .recharge-qr-code-content .qr-area .count-down[data-v-b507b455] { color: var(--color-text-40); display: flex; align-items: center; justify-content: center; margin-top: 0.375rem;
}
.purple-light .recharge-qr-code-content .qr-area .count-down .time-icon[data-v-b507b455] { 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-b507b455], .purple-light .recharge-qr-code-content .qr-area .count-down .minute[data-v-b507b455] { margin: 0 0.1875rem;
}
.purple-light .recharge-qr-code-content .qr-area .count-down .count-down-time[data-v-b507b455] { color: var(--color-text-100);
}
.purple-light .recharge-qr-code-content .recharge-order-detail li[data-v-b507b455] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.625rem; font-size: var(--ep-font-size-s, 0.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-b507b455] { color: var(--color-text-40);
}
.purple-light .recharge-qr-code-content .recharge-order-detail li .right[data-v-b507b455] { color: var(--color-text-80); display: flex; align-items: center;
}
.amber-purple .recharge-qr-code-content[data-v-b507b455] { width: 21.25rem; margin: 0 auto;
}
.amber-purple .recharge-qr-code-content .copy-icon[data-v-b507b455] { font-size: 1rem; color: var(--theme-color-700); cursor: pointer;
}
.amber-purple .recharge-qr-code-content .recharge-qr-code-detail[data-v-b507b455] { margin-top: 1.3125rem;
}
.amber-purple .recharge-qr-code-content .recharge-qr-code-detail li[data-v-b507b455] { color: var(--text-color-light-purple-2-100); font-size: var(--ep-font-size-s, 0.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-b507b455] { width: 0.375rem; height: 0.375rem; border-radius: var(--ep-border-radius-xs, 0.125rem); background: var(--text-color-light-purple-2-100); margin-right: 0.1875rem; margin-top: 0.25rem; display: inline-block;
}
.amber-purple .recharge-qr-code-content .recharge-qr-code-detail li[data-v-b507b455]:last-child { color: var(--accent-color-blue);
}
.amber-purple .recharge-qr-code-content .recharge-qr-code-detail li:last-child .dotted[data-v-b507b455] { background: var(--accent-color-blue);
}
.amber-purple .recharge-qr-code-content .qr-area[data-v-b507b455] { width: 13.625rem; margin: 1.25rem auto; text-align: center; font-size: var(--ep-font-size-s, 0.75rem);
}
.amber-purple .recharge-qr-code-content .qr-area .amount[data-v-b507b455] { 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-b507b455] { margin: 0 0.1875rem;
}
.amber-purple .recharge-qr-code-content .qr-area .qr-code[data-v-b507b455] { width: 9.375rem; height: 9.375rem; margin: 0.5rem auto;
}
.amber-purple .recharge-qr-code-content .qr-area .qr-btn[data-v-b507b455] { 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, 0.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-b507b455] { 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-b507b455] { margin: 0 0.1875rem;
}
.amber-purple .recharge-qr-code-content .qr-area .count-down[data-v-b507b455] { color: var(--color-text-40); display: flex; align-items: center; justify-content: center; margin-top: 0.375rem;
}
.amber-purple .recharge-qr-code-content .qr-area .count-down .time-icon[data-v-b507b455] { 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-b507b455], .amber-purple .recharge-qr-code-content .qr-area .count-down .minute[data-v-b507b455] { margin: 0 0.1875rem;
}
.amber-purple .recharge-qr-code-content .qr-area .count-down .count-down-time[data-v-b507b455] { color: var(--text-color-light-purple-1-100);
}
.amber-purple .recharge-qr-code-content .recharge-order-detail li[data-v-b507b455] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.625rem; font-size: var(--ep-font-size-s, 0.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-b507b455] { color: var(--color-text-40);
}
.amber-purple .recharge-qr-code-content .recharge-order-detail li .right[data-v-b507b455] { color: var(--text-color-light-purple-1-100); display: flex; align-items: center;
}
.green-default .recharge-qr-code-content[data-v-b507b455] { width: 21.25rem; margin: 0 auto;
}
.green-default .recharge-qr-code-content .copy-icon[data-v-b507b455] { font-size: 1rem; color: var(--accent-color-yellow); cursor: pointer;
}
.green-default .recharge-qr-code-content .recharge-qr-code-detail[data-v-b507b455] { margin-top: 1.3125rem;
}
.green-default .recharge-qr-code-content .recharge-qr-code-detail li[data-v-b507b455] { color: var(--color-text-40); font-size: var(--ep-font-size-s, 0.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-b507b455] { width: 0.375rem; height: 0.375rem; border-radius: var(--ep-border-radius-xs, 0.125rem); background: var(--color-text-40); margin-right: 0.1875rem; margin-top: 0.25rem; display: inline-block;
}
.green-default .recharge-qr-code-content .recharge-qr-code-detail li[data-v-b507b455]:last-child { color: var(--accent-color-blue);
}
.green-default .recharge-qr-code-content .recharge-qr-code-detail li:last-child .dotted[data-v-b507b455] { background: var(--accent-color-blue);
}
.green-default .recharge-qr-code-content .qr-area[data-v-b507b455] { width: 13.625rem; margin: 1.25rem auto; text-align: center; font-size: var(--ep-font-size-s, 0.75rem);
}
.green-default .recharge-qr-code-content .qr-area .amount[data-v-b507b455] { 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-b507b455] { margin: 0 0.1875rem;
}
.green-default .recharge-qr-code-content .qr-area .qr-code[data-v-b507b455] { width: 9.375rem; height: 9.375rem; margin: 0.5rem auto;
}
.green-default .recharge-qr-code-content .qr-area .qr-btn[data-v-b507b455] { 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, 0.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-b507b455] { 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-b507b455] { margin: 0 0.1875rem;
}
.green-default .recharge-qr-code-content .qr-area .count-down[data-v-b507b455] { color: var(--color-text-40); display: flex; align-items: center; justify-content: center; margin-top: 0.375rem;
}
.green-default .recharge-qr-code-content .qr-area .count-down .time-icon[data-v-b507b455] { 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-b507b455], .green-default .recharge-qr-code-content .qr-area .count-down .minute[data-v-b507b455] { margin: 0 0.1875rem;
}
.green-default .recharge-qr-code-content .qr-area .count-down .count-down-time[data-v-b507b455] { color: var(--color-text-80);
}
.green-default .recharge-qr-code-content .recharge-order-detail li[data-v-b507b455] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.625rem; font-size: var(--ep-font-size-s, 0.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-b507b455] { color: var(--color-text-40);
}
.green-default .recharge-qr-code-content .recharge-order-detail li .right[data-v-b507b455] { color: var(--color-text-80); display: flex; align-items: center;
}
.blue-default .recharge-qr-code-content[data-v-b507b455] { width: 21.25rem; margin: 0 auto;
}
.blue-default .recharge-qr-code-content .copy-icon[data-v-b507b455] { font-size: 1rem; color: var(--accent-color-orange); cursor: pointer;
}
.blue-default .recharge-qr-code-content .recharge-qr-code-detail[data-v-b507b455] { margin-top: 1.3125rem;
}
.blue-default .recharge-qr-code-content .recharge-qr-code-detail li[data-v-b507b455] { color: var(--color-text-40); font-size: var(--ep-font-size-s, 0.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-b507b455] { width: 0.375rem; height: 0.375rem; border-radius: var(--ep-border-radius-xs, 0.125rem); background: var(--color-text-40); margin-right: 0.1875rem; margin-top: 0.25rem; display: inline-block;
}
.blue-default .recharge-qr-code-content .recharge-qr-code-detail li[data-v-b507b455]:last-child { color: var(--theme-color-500);
}
.blue-default .recharge-qr-code-content .recharge-qr-code-detail li:last-child .dotted[data-v-b507b455] { background: var(--theme-color-500);
}
.blue-default .recharge-qr-code-content .qr-area[data-v-b507b455] { width: 13.625rem; margin: 1.25rem auto; text-align: center; font-size: var(--ep-font-size-s, 0.75rem);
}
.blue-default .recharge-qr-code-content .qr-area .amount[data-v-b507b455] { 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-b507b455] { margin: 0 0.1875rem;
}
.blue-default .recharge-qr-code-content .qr-area .qr-code[data-v-b507b455] { width: 9.375rem; height: 9.375rem; margin: 0.5rem auto;
}
.blue-default .recharge-qr-code-content .qr-area .qr-btn[data-v-b507b455] { 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, 0.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-b507b455] { 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-b507b455] { margin: 0 0.1875rem;
}
.blue-default .recharge-qr-code-content .qr-area .count-down[data-v-b507b455] { color: var(--color-text-40); display: flex; align-items: center; justify-content: center; margin-top: 0.375rem;
}
.blue-default .recharge-qr-code-content .qr-area .count-down .time-icon[data-v-b507b455] { 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-b507b455], .blue-default .recharge-qr-code-content .qr-area .count-down .minute[data-v-b507b455] { margin: 0 0.1875rem;
}
.blue-default .recharge-qr-code-content .qr-area .count-down .count-down-time[data-v-b507b455] { color: var(--color-text-80);
}
.blue-default .recharge-qr-code-content .recharge-order-detail li[data-v-b507b455] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.625rem; font-size: var(--ep-font-size-s, 0.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-b507b455] { color: var(--color-text-40);
}
.blue-default .recharge-qr-code-content .recharge-order-detail li .right[data-v-b507b455] { color: var(--color-text-100); display: flex; align-items: center;
}
.forest-green .recharge-qr-code-content[data-v-b507b455] { width: 21.25rem; margin: 0 auto;
}
.forest-green .recharge-qr-code-content .copy-icon[data-v-b507b455] { font-size: 1rem; color: var(--accent-color-yellow); cursor: pointer;
}
.forest-green .recharge-qr-code-content .recharge-qr-code-detail[data-v-b507b455] { margin-top: 1.3125rem;
}
.forest-green .recharge-qr-code-content .recharge-qr-code-detail li[data-v-b507b455] { color: var(--color-text-gray-700); font-size: var(--ep-font-size-s, 0.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-b507b455] { width: 0.375rem; height: 0.375rem; border-radius: var(--ep-border-radius-xs, 0.125rem); background: var(--color-text-gray-700); margin-right: 0.1875rem; margin-top: 0.25rem; display: inline-block;
}
.forest-green .recharge-qr-code-content .recharge-qr-code-detail li[data-v-b507b455]:last-child { color: var(--accent-color-yellow);
}
.forest-green .recharge-qr-code-content .recharge-qr-code-detail li:last-child .dotted[data-v-b507b455] { background: var(--accent-color-yellow);
}
.forest-green .recharge-qr-code-content .qr-area[data-v-b507b455] { width: 13.625rem; margin: 1.25rem auto; text-align: center; font-size: var(--ep-font-size-s, 0.75rem);
}
.forest-green .recharge-qr-code-content .qr-area .amount[data-v-b507b455] { 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-b507b455] { margin: 0 0.1875rem;
}
.forest-green .recharge-qr-code-content .qr-area .qr-code[data-v-b507b455] { width: 9.375rem; height: 9.375rem; margin: 0.5rem auto;
}
.forest-green .recharge-qr-code-content .qr-area .qr-btn[data-v-b507b455] { 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, 0.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-b507b455] { 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-b507b455] { margin: 0 0.1875rem;
}
.forest-green .recharge-qr-code-content .qr-area .count-down[data-v-b507b455] { color: var(--color-text-40); display: flex; align-items: center; justify-content: center; margin-top: 0.375rem;
}
.forest-green .recharge-qr-code-content .qr-area .count-down .time-icon[data-v-b507b455] { 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-b507b455], .forest-green .recharge-qr-code-content .qr-area .count-down .minute[data-v-b507b455] { margin: 0 0.1875rem;
}
.forest-green .recharge-qr-code-content .qr-area .count-down .count-down-time[data-v-b507b455] { color: var(--color-text-80);
}
.forest-green .recharge-qr-code-content .recharge-order-detail li[data-v-b507b455] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.625rem; font-size: var(--ep-font-size-s, 0.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-b507b455] { color: var(--color-text-40);
}
.forest-green .recharge-qr-code-content .recharge-order-detail li .right[data-v-b507b455] { color: var(--color-text-100); display: flex; align-items: center;
}
.auroral-yellow .recharge-qr-code-content[data-v-b507b455] { width: 21.25rem; margin: 0 auto;
}
.auroral-yellow .recharge-qr-code-content .copy-icon[data-v-b507b455] { font-size: 1rem; color: var(--accent-color-yellow-1); cursor: pointer;
}
.auroral-yellow .recharge-qr-code-content .recharge-qr-code-detail[data-v-b507b455] { margin-top: 1.3125rem;
}
.auroral-yellow .recharge-qr-code-content .recharge-qr-code-detail li[data-v-b507b455] { color: var(--color-text-gray-200); font-size: var(--ep-font-size-s, 0.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-b507b455] { width: 0.375rem; height: 0.375rem; border-radius: var(--ep-border-radius-xs, 0.125rem); background: var(--color-text-gray-200); margin-right: 0.1875rem; margin-top: 0.25rem; display: inline-block;
}
.auroral-yellow .recharge-qr-code-content .recharge-qr-code-detail li[data-v-b507b455]:last-child { color: var(--accent-color-yellow);
}
.auroral-yellow .recharge-qr-code-content .recharge-qr-code-detail li:last-child .dotted[data-v-b507b455] { background: var(--accent-color-yellow);
}
.auroral-yellow .recharge-qr-code-content .qr-area[data-v-b507b455] { width: 13.625rem; margin: 1.25rem auto; text-align: center; font-size: var(--ep-font-size-s, 0.75rem);
}
.auroral-yellow .recharge-qr-code-content .qr-area .amount[data-v-b507b455] { 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-b507b455] { margin: 0 0.1875rem;
}
.auroral-yellow .recharge-qr-code-content .qr-area .qr-code[data-v-b507b455] { width: 9.375rem; height: 9.375rem; margin: 0.5rem auto;
}
.auroral-yellow .recharge-qr-code-content .qr-area .qr-btn[data-v-b507b455] { 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, 0.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-b507b455] { 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-b507b455] { margin: 0 0.1875rem;
}
.auroral-yellow .recharge-qr-code-content .qr-area .count-down[data-v-b507b455] { color: var(--color-text-40); display: flex; align-items: center; justify-content: center; margin-top: 0.375rem;
}
.auroral-yellow .recharge-qr-code-content .qr-area .count-down .time-icon[data-v-b507b455] { 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-b507b455], .auroral-yellow .recharge-qr-code-content .qr-area .count-down .minute[data-v-b507b455] { margin: 0 0.1875rem;
}
.auroral-yellow .recharge-qr-code-content .qr-area .count-down .count-down-time[data-v-b507b455] { color: var(--color-text-80);
}
.auroral-yellow .recharge-qr-code-content .recharge-order-detail li[data-v-b507b455] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.625rem; font-size: var(--ep-font-size-s, 0.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-b507b455] { color: var(--color-text-40);
}
.auroral-yellow .recharge-qr-code-content .recharge-order-detail li .right[data-v-b507b455] { color: var(--color-text-100); display: flex; align-items: center;
}
.new-skin-symbol .recharge-qr-code-content[data-v-b507b455] { width: 21.25rem; margin: 0 auto;
}
.new-skin-symbol .recharge-qr-code-content .copy-icon[data-v-b507b455] { font-size: 1rem; color: var(--ep-color-icon-highlight); cursor: pointer;
}
.new-skin-symbol .recharge-qr-code-content .recharge-qr-code-detail[data-v-b507b455] { margin-top: 1.3125rem;
}
.new-skin-symbol .recharge-qr-code-content .recharge-qr-code-detail li[data-v-b507b455] { color: var(--ep-color-text-default); font-size: var(--ep-font-size-s, 0.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-b507b455] { width: 0.375rem; height: 0.375rem; border-radius: var(--ep-border-radius-xs, 0.125rem); background: var(--ep-color-text-default); margin-right: 0.1875rem; margin-top: 0.25rem; display: inline-block;
}
.new-skin-symbol .recharge-qr-code-content .recharge-qr-code-detail li[data-v-b507b455]: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-b507b455] { background: var(--ep-color-text-info);
}
.new-skin-symbol .recharge-qr-code-content .qr-area[data-v-b507b455] { width: 13.625rem; margin: 1.25rem auto; text-align: center; font-size: var(--ep-font-size-s, 0.75rem);
}
.new-skin-symbol .recharge-qr-code-content .qr-area .amount[data-v-b507b455] { 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-b507b455] { margin: 0 0.1875rem;
}
.new-skin-symbol .recharge-qr-code-content .qr-area .qr-code[data-v-b507b455] { width: 9.375rem; height: 9.375rem; margin: 0.5rem auto;
}
.new-skin-symbol .recharge-qr-code-content .qr-area .qr-btn[data-v-b507b455] { 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, 0.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-b507b455] { 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-b507b455] { margin: 0 0.1875rem;
}
.new-skin-symbol .recharge-qr-code-content .qr-area .count-down[data-v-b507b455] { color: var(--ep-color-text-weaker); display: flex; align-items: center; justify-content: center; margin-top: 0.375rem;
}
.new-skin-symbol .recharge-qr-code-content .qr-area .count-down .time-icon[data-v-b507b455] { 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-b507b455], .new-skin-symbol .recharge-qr-code-content .qr-area .count-down .minute[data-v-b507b455] { margin: 0 0.1875rem;
}
.new-skin-symbol .recharge-qr-code-content .qr-area .count-down .count-down-time[data-v-b507b455] { color: var(--ep-color-text-default);
}
.new-skin-symbol .recharge-qr-code-content .recharge-order-detail li[data-v-b507b455] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.625rem; font-size: var(--ep-font-size-s, 0.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-b507b455] { color: var(--ep-color-text-weaker);
}
.new-skin-symbol .recharge-qr-code-content .recharge-order-detail li .right[data-v-b507b455] { color: var(--ep-color-text-default); display: flex; align-items: center;
}

.payment-apply[data-v-606ccab5] { --c26e6816: calc(1rem + env(safe-area-inset-bottom));
}
.with-bottom-tab[data-v-606ccab5] { --c26e6816: calc(4.5rem + env(safe-area-inset-bottom));
}
.payment-status[data-v-606ccab5] { padding: 1.5rem 0; text-align: center; color: var(--color-text-gray-200);
}
.amount-error[data-v-606ccab5] { color: var(--color-danger); font-size: 0.75rem; margin-bottom: 0.625rem;
}

ion-content[data-v-606ccab5] { --padding-bottom: var(--c26e6816); --padding-start: 0.9375rem; --padding-end: 0.9375rem;
}
ion-button.finish[data-v-606ccab5] { --color: var(var(--color-text-white-100));
}
.amber-purple ion-button.finish[data-v-606ccab5] { --color: var(--text-color-light-purple-1-100);
}
.amber-purple ion-header[data-v-606ccab5] { background: var(--color-bg-100);
}
.amber-purple ion-header .record[data-v-606ccab5] { color: var(--text-color-light-purple-1-100);
}
.recharge-back-icon[data-v-606ccab5] { 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: 0.5rem; cursor: pointer;
}
.desc-text[data-v-606ccab5] { white-space: pre-line; text-align: left; font-size: var(--ep-font-size-m, 0.875rem);
}
.line[data-v-606ccab5] { background: var(--color-line); height: 0.0625rem; margin-top: 0.9375rem;
}
.btn-disabled[data-v-606ccab5] { opacity: 0.5; pointer-events: none;
}
ion-item.submit[data-v-606ccab5] { --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-606ccab5] { 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-606ccab5] { text-transform: none;
}
.submit-btn-warp[data-v-606ccab5] { width: 17.5rem; margin: 1.25rem auto 0;
}
.auroral-yellow ion-item.submit[data-v-606ccab5] { --background: var(--theme-color-800);
}
.auroral-yellow ion-item.submit ion-button[data-v-606ccab5] { color: var(--color-text-black-100);
}

ion-segment.tab-list[data-v-606ccab5] { display: flex; justify-content: left; margin-top: 0.625rem; border-bottom: 1px solid var(--color-line);
}
ion-segment.tab-list ion-segment-button[data-v-606ccab5] { --color: var(--color-text-gray-200); --color-checked: var(--color-text-white-100); --indicator-color: var(--theme-color-gradient-100); --indicator-height: 0.0625rem; text-transform: none;
}
ion-segment.tab-list .tag[data-v-606ccab5] { position: absolute; font-size: var(--font-size-8); top: 0.25rem; right: 0.125rem; color: var(--text-color-white-100); background: var(--color-danger); padding: 0 0.125rem 0.125rem; border-radius: var(--rounded-small);
}
.green-default ion-segment.tab-list[data-v-606ccab5], .green-v01 ion-segment.tab-list[data-v-606ccab5], .green-v02 ion-segment.tab-list[data-v-606ccab5] { display: flex; justify-content: left; margin-top: 0.625rem; border-bottom: 1px solid var(--color-line);
}
.green-default ion-segment.tab-list ion-segment-button[data-v-606ccab5], .green-v01 ion-segment.tab-list ion-segment-button[data-v-606ccab5], .green-v02 ion-segment.tab-list ion-segment-button[data-v-606ccab5] { --color: var(--color-text-gray-200); --color-checked: var(--color-text-white-100); --indicator-color: var(--theme-color-gradient-100); --indicator-height: 0.125rem; text-transform: none;
}
.green-default ion-segment.tab-list .tag[data-v-606ccab5], .green-v01 ion-segment.tab-list .tag[data-v-606ccab5], .green-v02 ion-segment.tab-list .tag[data-v-606ccab5] { position: absolute; font-size: var(--font-size-8); top: 0.25rem; right: 0.125rem; color: var(--text-color-white-100); background: var(--color-danger); padding: 0 0.125rem 0.125rem; border-radius: var(--rounded-small);
}
.amber-purple ion-segment.tab-list[data-v-606ccab5] { display: flex; justify-content: left; margin-top: 0.625rem; border-bottom: 1px solid var(--color-line);
}
.amber-purple ion-segment.tab-list ion-segment-button[data-v-606ccab5] { --color: var(--text-color-light-purple-1-100); --color-checked: var(--color-text-white-100); --indicator-color: var(--gradients-indicatorLine); --indicator-height: 0.125rem; text-transform: none;
}
.amber-purple ion-segment.tab-list .tag[data-v-606ccab5] { position: absolute; font-size: var(--font-size-8); top: 0.25rem; right: 0.125rem; color: var(--text-color-white-100); background: var(--color-danger); padding: 0 0.125rem 0.125rem; border-radius: var(--rounded-small);
}
.auroral-yellow ion-segment.tab-list[data-v-606ccab5] { display: flex; justify-content: left; margin-top: 0.625rem; border-bottom: 1px solid var(--color-line);
}
.auroral-yellow ion-segment.tab-list ion-segment-button[data-v-606ccab5] { --color: var(--color-text-gray-200); --color-checked: var(--color-text-white-100); --indicator-color: var(--theme-color-800); --indicator-height: 0.0625rem; text-transform: none;
}
.auroral-yellow ion-segment.tab-list .tag[data-v-606ccab5] { position: absolute; font-size: var(--font-size-8); top: 0.25rem; right: 0.125rem; color: var(--text-color-white-100); background: var(--color-danger); padding: 0 0.125rem 0.125rem; border-radius: var(--rounded-small);
}

:where(ul).tab-list[data-v-606ccab5] { width: 22.5rem; flex-wrap: wrap;
}
:where(ul).tab-list li[data-v-606ccab5] { width: 6.875rem;
}
:where(ul).tab-list .item[data-v-606ccab5] { height: 2.5rem; background: var(--color-bg-200); text-align: center; line-height: 2.5rem; color: var(--color-text-gray-200); margin-top: 0.9375rem; border-radius: var(--rounded-middle); position: relative;
}
:where(ul).tab-list .item .tag[data-v-606ccab5] { position: absolute; font-size: var(--font-size-8); top: -0.375rem; right: 0; color: var(--text-color-white-100); background: var(--color-danger); padding: 0 3px; border-radius: var(--rounded-small); height: 0.9375rem; line-height: 0.9375rem;
}
    /* 名称占据剩余宽度并单行省略，火焰 emoji 靠右且不压缩；保留外侧推荐角标。 */
:where(ul).tab-list .channel-label[data-v-606ccab5] { display: flex; align-items: center; justify-content: center; gap: 0.125rem; height: 100%; padding: 0 0.375rem;
}
:where(ul).tab-list .hot-icon[data-v-606ccab5] { flex-shrink: 0;
}
:where(ul).tab-list .channel-name[data-v-606ccab5] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
:where(ul).tab-list .active[data-v-606ccab5] { background: var(--theme-color-gradient-100); color: var(--color-text-white-100);
}
.blue-default :where(ul).channel-list .active[data-v-606ccab5] { background: var(--color-bg-200); border: 1px solid var(--theme-color-900); color: var(--color-text-white-100);
}
.amber-purple :where(ul).tab-list[data-v-606ccab5] { width: 22.5rem; flex-wrap: wrap;
}
.amber-purple :where(ul).tab-list li[data-v-606ccab5] { width: 6.875rem;
}
.amber-purple :where(ul).tab-list .item[data-v-606ccab5] { height: 2.5rem; background: var(--color-bg-200); text-align: center; line-height: 2.5rem; color: var(--color-text-100); margin-top: 0.9375rem; border-radius: var(--rounded-middle); position: relative;
}
.amber-purple :where(ul).tab-list .item .tag[data-v-606ccab5] { position: absolute; font-size: var(--font-size-8); top: -0.375rem; right: 0; color: var(--text-color-white-100); background: var(--color-danger); padding: 0 3px; border-radius: var(--rounded-small); height: 0.9375rem; line-height: 0.9375rem;
}
.amber-purple :where(ul).tab-list .active[data-v-606ccab5] { background: var(--theme-color-700); color: var(--color-text-white-100);
}
.amber-purple :where(ul).tab-list .item[data-v-606ccab5] { border: 1px solid var(--line-color);
}
.auroral-yellow :where(ul).tab-list[data-v-606ccab5] { width: 22.5rem; flex-wrap: wrap;
}
.auroral-yellow :where(ul).tab-list li[data-v-606ccab5] { width: 6.875rem;
}
.auroral-yellow :where(ul).tab-list .item[data-v-606ccab5] { height: 2.5rem; background: var(--color-bg-200); text-align: center; line-height: 2.5rem; color: var(--color-text-gray-200); margin-top: 0.9375rem; border-radius: var(--rounded-middle); position: relative;
}
.auroral-yellow :where(ul).tab-list .item .tag[data-v-606ccab5] { position: absolute; font-size: var(--font-size-8); top: -0.375rem; right: 0; color: var(--text-color-white-100); background: var(--color-danger); padding: 0 3px; border-radius: var(--rounded-small); height: 0.9375rem; line-height: 0.9375rem;
}
.auroral-yellow :where(ul).tab-list .active[data-v-606ccab5] { background: var(--theme-color-800); color: var(--color-text-black-100);
}

ion-input.money-input[data-v-606ccab5] { --placeholder-opacity: 1; --padding-bottom: 0; --padding-start: 0.625rem; --padding-end: 0.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: 0.875rem; height: 3.125rem; margin: 1.125rem 0;
}
ion-input.money-input .left-label[data-v-606ccab5] { margin-inline-end: 0.3125rem; color: var(--color-text-gray-100);
}
ion-input.money-input .gift[data-v-606ccab5] { font-size: var(--font-size-16); color: var(--color-text-gray-100);
}
ion-input.money-input .gift .bonus[data-v-606ccab5] { color: var(--color-success);
}
ion-input.money-input .end-wrapper[data-v-606ccab5] { display: flex; align-items: center;
}
ion-input.money-input .suffix[data-v-606ccab5] { color: var(--color-text-60); font-size: 0.875rem; margin-right: 0.5rem;
}
.green-default ion-input.money-input[data-v-606ccab5], .green-v01 ion-input.money-input[data-v-606ccab5], .green-v02 ion-input.money-input[data-v-606ccab5] { --placeholder-opacity: 1; --padding-bottom: 0; --padding-start: 0.625rem; --padding-end: 0.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: 0.875rem; height: 3.125rem; margin: 1.125rem 0;
}
.green-default ion-input.money-input .left-label[data-v-606ccab5], .green-v01 ion-input.money-input .left-label[data-v-606ccab5], .green-v02 ion-input.money-input .left-label[data-v-606ccab5] { margin-inline-end: 0.3125rem; color: var(--color-text-gray-100);
}
.green-default ion-input.money-input .gift[data-v-606ccab5], .green-v01 ion-input.money-input .gift[data-v-606ccab5], .green-v02 ion-input.money-input .gift[data-v-606ccab5] { font-size: var(--font-size-16); color: var(--color-text-gray-100);
}
.green-default ion-input.money-input .gift .bonus[data-v-606ccab5], .green-v01 ion-input.money-input .gift .bonus[data-v-606ccab5], .green-v02 ion-input.money-input .gift .bonus[data-v-606ccab5] { color: var(--color-success);
}
.green-default ion-input.money-input .end-wrapper[data-v-606ccab5], .green-v01 ion-input.money-input .end-wrapper[data-v-606ccab5], .green-v02 ion-input.money-input .end-wrapper[data-v-606ccab5] { display: flex; align-items: center;
}
.green-default ion-input.money-input .suffix[data-v-606ccab5], .green-v01 ion-input.money-input .suffix[data-v-606ccab5], .green-v02 ion-input.money-input .suffix[data-v-606ccab5] { color: var(--color-text-60); font-size: 0.875rem; margin-right: 0.5rem;
}
.amber-purple ion-input.money-input[data-v-606ccab5] { --placeholder-opacity: 1; --padding-bottom: 0; --padding-start: 0.625rem; --padding-end: 0.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: 0.875rem; height: 3.125rem; margin: 1.125rem 0;
}
.amber-purple ion-input.money-input .left-label[data-v-606ccab5] { margin-inline-end: 0.3125rem; color: var(--text-color-light-purple-1-100);
}
.amber-purple ion-input.money-input .gift[data-v-606ccab5] { font-size: var(--font-size-16); color: var(--text-color-light-purple-1-100);
}
.amber-purple ion-input.money-input .gift .bonus[data-v-606ccab5] { color: var(--color-success);
}
.amber-purple ion-input.money-input .end-wrapper[data-v-606ccab5] { display: flex; align-items: center;
}
.amber-purple ion-input.money-input .suffix[data-v-606ccab5] { color: var(--color-text-60); font-size: 0.875rem; margin-right: 0.5rem;
}

.first-btn-list-wrap[data-v-606ccab5] { width: 100%; box-sizing: border-box; flex-wrap: wrap; align-content: space-between; gap: 0.625rem; margin-bottom: 0.625rem;
}
.default-btn-list-wrap[data-v-606ccab5] { width: 100%; flex-wrap: wrap; align-content: space-between; gap: 0.625rem; margin-bottom: 0.625rem;
}
.placeholder-btn[data-v-606ccab5] { flex: 0 0 calc(33.333% - (2 / 3 * 0.625rem));
}

:where(.btn-wrap).badge[data-v-606ccab5] { position: relative; overflow: hidden;
}
:where(.btn-wrap).badge[data-v-606ccab5]:after { content: attr(data-badge); position: absolute; top: -1.1rem; right: -1.12rem; width: 3rem; height: 2rem; padding-left: 0.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-606ccab5] { flex: 0 0 calc(33.333% - (2 / 3 * 0.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-606ccab5] { display: block; width: 1.25rem; height: 1.25rem; margin-right: 0.125rem;
}
.btn-wrap .bn-text .amount[data-v-606ccab5] { font-size: 1rem; font-weight: var(--font-weight-medium); color: var(--color-text-gray-200);
}
:where(.btn-wrap).active[data-v-606ccab5] { background: var(--theme-color-gradient-100);
}
:where(.btn-wrap).active .bn-text .amount[data-v-606ccab5] { color: var(--color-text-white-100);
}
.blue-default :where(.btn-wrap).badge[data-v-606ccab5] { position: relative; overflow: hidden;
}
.blue-default :where(.btn-wrap).badge[data-v-606ccab5]:after { content: attr(data-badge); position: absolute; top: -1.1rem; right: -1.12rem; width: 3rem; height: 2rem; padding-left: 0.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-606ccab5] { flex: 0 0 calc(33.333% - (2 / 3 * 0.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-606ccab5] { display: block; width: 1.25rem; height: 1.25rem; margin-right: 0.125rem;
}
.blue-default .btn-wrap .bn-text .amount[data-v-606ccab5] { font-size: 1rem; font-weight: var(--font-weight-medium); color: var(--color-text-gray-200);
}
.blue-default :where(.btn-wrap).active[data-v-606ccab5] { background: var(--theme-color-gradient-300);
}
.blue-default :where(.btn-wrap).active .bn-text .amount[data-v-606ccab5] { color: var(--color-text-white-100);
}
.blue-default :where(.btn-wrap).active[data-v-606ccab5] { border: 1px solid var(--theme-color-600);
}
.amber-purple :where(.btn-wrap).badge[data-v-606ccab5] { position: relative; overflow: hidden;
}
.amber-purple :where(.btn-wrap).badge[data-v-606ccab5]:after { content: attr(data-badge); position: absolute; top: -1.1rem; right: -1.12rem; width: 3rem; height: 2rem; padding-left: 0.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-606ccab5] { flex: 0 0 calc(33.333% - (2 / 3 * 0.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-606ccab5] { display: block; width: 1.25rem; height: 1.25rem; margin-right: 0.125rem;
}
.amber-purple .btn-wrap .bn-text .amount[data-v-606ccab5] { font-size: 1rem; font-weight: var(--font-weight-medium); color: var(--text-color-light-purple-1-100);
}
.amber-purple :where(.btn-wrap).active[data-v-606ccab5] { background: var(--gradients-selectedBorder);
}
.amber-purple :where(.btn-wrap).active .bn-text .amount[data-v-606ccab5] { color: var(--color-text-white-100);
}
.amber-purple .btn-wrap[data-v-606ccab5] { position: relative;
}
.amber-purple .btn-wrap .amount[data-v-606ccab5], .amber-purple .btn-wrap img[data-v-606ccab5] { position: relative; z-index: 3;
}
.amber-purple :where(.btn-wrap).active[data-v-606ccab5] { border: none; position: relative; color: var(--color-text-white-100);
}
.amber-purple :where(.btn-wrap).active[data-v-606ccab5]: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 :where(.btn-wrap).badge[data-v-606ccab5] { position: relative; overflow: hidden;
}
.auroral-yellow :where(.btn-wrap).badge[data-v-606ccab5]:after { content: attr(data-badge); position: absolute; top: -1.1rem; right: -1.12rem; width: 3rem; height: 2rem; padding-left: 0.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-606ccab5] { flex: 0 0 calc(33.333% - (2 / 3 * 0.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-606ccab5] { display: block; width: 1.25rem; height: 1.25rem; margin-right: 0.125rem;
}
.auroral-yellow .btn-wrap .bn-text .amount[data-v-606ccab5] { font-size: 1rem; font-weight: var(--font-weight-medium); color: var(--color-text-gray-200);
}
.auroral-yellow :where(.btn-wrap).active[data-v-606ccab5] { background: var(--color-bg-100);
}
.auroral-yellow :where(.btn-wrap).active .bn-text .amount[data-v-606ccab5] { color: var(--color-text-white-100);
}
.auroral-yellow :where(.btn-wrap).active[data-v-606ccab5] { border: 1px solid var(--theme-color-600);
}
.forest-green :where(.btn-wrap).badge[data-v-606ccab5], .green-default :where(.btn-wrap).badge[data-v-606ccab5] { position: relative; overflow: hidden;
}
.forest-green :where(.btn-wrap).badge[data-v-606ccab5]:after, .green-default :where(.btn-wrap).badge[data-v-606ccab5]:after { content: attr(data-badge); position: absolute; top: -1.1rem; right: -1.12rem; width: 3rem; height: 2rem; padding-left: 0.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-606ccab5], .green-default .btn-wrap[data-v-606ccab5] { flex: 0 0 calc(33.333% - (2 / 3 * 0.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-606ccab5], .green-default .btn-wrap img[data-v-606ccab5] { display: block; width: 1.25rem; height: 1.25rem; margin-right: 0.125rem;
}
.forest-green .btn-wrap .bn-text .amount[data-v-606ccab5], .green-default .btn-wrap .bn-text .amount[data-v-606ccab5] { font-size: 1rem; font-weight: var(--font-weight-medium); color: var(--color-text-gray-200);
}
.forest-green :where(.btn-wrap).active[data-v-606ccab5], .green-default :where(.btn-wrap).active[data-v-606ccab5] { background: var(--theme-color-gradient-100);
}
.forest-green :where(.btn-wrap).active .bn-text .amount[data-v-606ccab5], .green-default :where(.btn-wrap).active .bn-text .amount[data-v-606ccab5] { color: var(--color-text-white-100);
}

.grid-password[data-v-a92dfe9e] { position: relative; display: flex; justify-content: space-between; width: 100%; border: 1px solid transparent; padding: 0;
}
.hidden-input[data-v-a92dfe9e] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; caret-color: transparent; -webkit-text-fill-color: transparent;
}
.grid-item[data-v-a92dfe9e] { 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-a92dfe9e] { border: 1px solid var(--color-focus);
}
.dot[data-v-a92dfe9e] { width: 10px; height: 10px; background: var(--color-text-100); border-radius: 50%;
}
.cursor[data-v-a92dfe9e] { position: absolute; width: 1px; height: 1rem; background: var(--color-text-100); animation: blink-08c6bd57-a92dfe9e 1s infinite;
}
@keyframes blink-08c6bd57-a92dfe9e {
0% { opacity: 1;
}
49% { opacity: 1;
}
50% { opacity: 0;
}
to { opacity: 0;
}
}
.grid-password.purple-light .grid-item[data-v-a92dfe9e] { background-color: var(--color-bg-400);
}
.grid-password.amber-purple .grid-item[data-v-a92dfe9e], .grid-password.auroral-yellow .grid-item[data-v-a92dfe9e] { background-color: var(--color-bg-200);
}
.new-skin-symbol .grid-password .grid-item[data-v-a92dfe9e] { 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-a92dfe9e] { border: 1px solid var(--ep-color-border-brand);
}
.new-skin-symbol .grid-password .dot[data-v-a92dfe9e] { width: 10px; height: 10px; background: var(--ep-color-text-default); border-radius: 50%;
}

.real-name[data-v-9b5c9784] { padding-right: 0.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-9b5c9784]::-webkit-scrollbar { width: 0 !important; height: 0 !important;
}
.blue-default .form-wrap[data-v-9b5c9784] { margin-top: 1.3125rem; overflow: hidden;
}
.blue-default .form-wrap .item[data-v-9b5c9784] { margin-bottom: 1.875rem;
}
.blue-default .form-wrap .item .label[data-v-9b5c9784] { font-size: 0.75rem; line-height: 1.375rem; color: var(--color-text-white-100);
}
.blue-default .form-wrap .item ion-input[data-v-9b5c9784] { --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-9b5c9784], .forest-green .form-wrap[data-v-9b5c9784] { margin-top: 1.3125rem; overflow: hidden;
}
.green-default .form-wrap .item[data-v-9b5c9784], .forest-green .form-wrap .item[data-v-9b5c9784] { margin-bottom: 1.875rem;
}
.green-default .form-wrap .item .label[data-v-9b5c9784], .forest-green .form-wrap .item .label[data-v-9b5c9784] { font-size: 0.75rem; line-height: 1.375rem; color: var(--color-text-gray-100);
}
.green-default .form-wrap .item ion-input[data-v-9b5c9784], .forest-green .form-wrap .item ion-input[data-v-9b5c9784] { --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-9b5c9784] { margin-top: 1.3125rem; overflow: hidden;
}
.amber-purple .form-wrap .item[data-v-9b5c9784] { margin-bottom: 1.875rem;
}
.amber-purple .form-wrap .item .label[data-v-9b5c9784] { font-size: 0.75rem; line-height: 1.375rem; color: var(--text-color-light-purple-1-100);
}
.amber-purple .form-wrap .item ion-input[data-v-9b5c9784] { --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-9b5c9784] { margin-top: 1.3125rem; overflow: hidden;
}
.auroral-yellow .form-wrap .item[data-v-9b5c9784] { margin-bottom: 1.875rem;
}
.auroral-yellow .form-wrap .item .label[data-v-9b5c9784] { font-size: 0.75rem; line-height: 1.375rem; color: var(--color-text-gray-200);
}
.auroral-yellow .form-wrap .item ion-input[data-v-9b5c9784] { --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-9b5c9784] { color: var(--text-color-light-purple-1-100);
}
.amber-purple .form-wrap .item ion-input[data-v-9b5c9784] { --placeholder-color: var(--text-color-light-purple-2-100); --highlight-color: var(--theme-color-800); --highlight-color-focused: var(--theme-color-800);
}

.new-skin-symbol .bank-card-wrap[data-v-929a08f9] { width: 22.875rem; min-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, 0.375rem); border: 1px solid var(--ep-color-border-default); display: flex; align-items: center; justify-content: space-between; padding: 0.625rem; margin-bottom: 0.75rem; cursor: pointer;
}
.new-skin-symbol .bank-card-wrap .card-info[data-v-929a08f9] { display: flex; align-items: center;
}
.new-skin-symbol .bank-card-wrap .card-info .bank-logo[data-v-929a08f9] { width: 2rem; height: 2rem; border-radius: 50%; display: block; margin-right: 0.375rem;
}
.new-skin-symbol .bank-card-wrap .card-info .bank-info[data-v-929a08f9] { font-size: var(--ep-font-size-m, 0.875rem);
}
.new-skin-symbol .bank-card-wrap .card-info .bank-info .bank-name[data-v-929a08f9] { 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-929a08f9] { color: var(--ep-color-text-weaker); line-height: 1.125rem; font-size: var(--ep-font-size-s, 0.75rem);
}
.new-skin-symbol .bank-card-wrap .add[data-v-929a08f9] { width: 100%; color: var(--ep-color-text-info); font-size: var(--ep-font-size-s, 0.75rem); display: flex; align-items: center; justify-content: center; text-align: center; gap: 0.25rem;
}
.new-skin-symbol .bank-card-wrap .add .append-icon[data-v-929a08f9] { color: var(--ep-color-text-info);
}
.new-skin-symbol .active[data-v-929a08f9] { border-color: var(--ep-color-border-selected);
}
.new-skin-symbol .bank-card-wrap.action[data-v-929a08f9] { border-color: var(--ep-color-border-default);
}
.amber-purple .bank-card-wrap[data-v-929a08f9], .auroral-yellow .bank-card-wrap[data-v-929a08f9], .blue-default .bank-card-wrap[data-v-929a08f9], .purple-light .bank-card-wrap[data-v-929a08f9], .green-dark .bank-card-wrap[data-v-929a08f9], .yellow-dark .bank-card-wrap[data-v-929a08f9] { width: 22.875rem; min-height: 3.75rem; margin: 0 auto; box-sizing: border-box; background: var(--color-bg-200); border-radius: var(--ep-border-radius-m, 0.375rem); border: 1px solid var(--color-line); display: flex; align-items: center; justify-content: space-between; padding: 0.625rem; margin-bottom: 0.75rem; cursor: pointer;
}
.amber-purple .bank-card-wrap .card-info[data-v-929a08f9], .auroral-yellow .bank-card-wrap .card-info[data-v-929a08f9], .blue-default .bank-card-wrap .card-info[data-v-929a08f9], .purple-light .bank-card-wrap .card-info[data-v-929a08f9], .green-dark .bank-card-wrap .card-info[data-v-929a08f9], .yellow-dark .bank-card-wrap .card-info[data-v-929a08f9] { display: flex; align-items: center;
}
.amber-purple .bank-card-wrap .card-info .bank-logo[data-v-929a08f9], .auroral-yellow .bank-card-wrap .card-info .bank-logo[data-v-929a08f9], .blue-default .bank-card-wrap .card-info .bank-logo[data-v-929a08f9], .purple-light .bank-card-wrap .card-info .bank-logo[data-v-929a08f9], .green-dark .bank-card-wrap .card-info .bank-logo[data-v-929a08f9], .yellow-dark .bank-card-wrap .card-info .bank-logo[data-v-929a08f9] { width: 2rem; height: 2rem; border-radius: 50%; display: block; margin-right: 0.375rem;
}
.amber-purple .bank-card-wrap .card-info .bank-info[data-v-929a08f9], .auroral-yellow .bank-card-wrap .card-info .bank-info[data-v-929a08f9], .blue-default .bank-card-wrap .card-info .bank-info[data-v-929a08f9], .purple-light .bank-card-wrap .card-info .bank-info[data-v-929a08f9], .green-dark .bank-card-wrap .card-info .bank-info[data-v-929a08f9], .yellow-dark .bank-card-wrap .card-info .bank-info[data-v-929a08f9] { font-size: var(--ep-font-size-m, 0.875rem);
}
.amber-purple .bank-card-wrap .card-info .bank-info .bank-name[data-v-929a08f9], .auroral-yellow .bank-card-wrap .card-info .bank-info .bank-name[data-v-929a08f9], .blue-default .bank-card-wrap .card-info .bank-info .bank-name[data-v-929a08f9], .purple-light .bank-card-wrap .card-info .bank-info .bank-name[data-v-929a08f9], .green-dark .bank-card-wrap .card-info .bank-info .bank-name[data-v-929a08f9], .yellow-dark .bank-card-wrap .card-info .bank-info .bank-name[data-v-929a08f9] { 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-929a08f9], .auroral-yellow .bank-card-wrap .card-info .bank-info .bank-account[data-v-929a08f9], .blue-default .bank-card-wrap .card-info .bank-info .bank-account[data-v-929a08f9], .purple-light .bank-card-wrap .card-info .bank-info .bank-account[data-v-929a08f9], .green-dark .bank-card-wrap .card-info .bank-info .bank-account[data-v-929a08f9], .yellow-dark .bank-card-wrap .card-info .bank-info .bank-account[data-v-929a08f9] { color: var(--color-text-40); line-height: 1.125rem; font-size: var(--ep-font-size-s, 0.75rem);
}
.amber-purple .bank-card-wrap .add[data-v-929a08f9], .auroral-yellow .bank-card-wrap .add[data-v-929a08f9], .blue-default .bank-card-wrap .add[data-v-929a08f9], .purple-light .bank-card-wrap .add[data-v-929a08f9], .green-dark .bank-card-wrap .add[data-v-929a08f9], .yellow-dark .bank-card-wrap .add[data-v-929a08f9] { width: 100%; color: var(--theme-color-800); font-size: var(--ep-font-size-s, 0.75rem); display: flex; align-items: center; justify-content: center; text-align: center; gap: 0.25rem;
}
.amber-purple .bank-card-wrap .add .append-icon[data-v-929a08f9], .auroral-yellow .bank-card-wrap .add .append-icon[data-v-929a08f9], .blue-default .bank-card-wrap .add .append-icon[data-v-929a08f9], .purple-light .bank-card-wrap .add .append-icon[data-v-929a08f9], .green-dark .bank-card-wrap .add .append-icon[data-v-929a08f9], .yellow-dark .bank-card-wrap .add .append-icon[data-v-929a08f9] { color: var(--theme-color-800);
}
.amber-purple .active[data-v-929a08f9], .auroral-yellow .active[data-v-929a08f9], .blue-default .active[data-v-929a08f9], .purple-light .active[data-v-929a08f9], .green-dark .active[data-v-929a08f9], .yellow-dark .active[data-v-929a08f9] { border-color: var(--theme-color-800);
}
.amber-purple .bank-card-wrap.action[data-v-929a08f9], .auroral-yellow .bank-card-wrap.action[data-v-929a08f9], .blue-default .bank-card-wrap.action[data-v-929a08f9], .purple-light .bank-card-wrap.action[data-v-929a08f9], .green-dark .bank-card-wrap.action[data-v-929a08f9], .yellow-dark .bank-card-wrap.action[data-v-929a08f9] { border-color: var(--color-line);
}
.green-default .bank-card-wrap[data-v-929a08f9], .forest-green .bank-card-wrap[data-v-929a08f9] { width: 22.875rem; min-height: 3.75rem; margin: 0 auto; box-sizing: border-box; background: var(--color-bg-200); border-radius: var(--ep-border-radius-m, 0.375rem); border: 1px solid var(--color-line); display: flex; align-items: center; justify-content: space-between; padding: 0.625rem; margin-bottom: 0.75rem; cursor: pointer;
}
.green-default .bank-card-wrap .card-info[data-v-929a08f9], .forest-green .bank-card-wrap .card-info[data-v-929a08f9] { display: flex; align-items: center;
}
.green-default .bank-card-wrap .card-info .bank-logo[data-v-929a08f9], .forest-green .bank-card-wrap .card-info .bank-logo[data-v-929a08f9] { width: 2rem; height: 2rem; border-radius: 50%; display: block; margin-right: 0.375rem;
}
.green-default .bank-card-wrap .card-info .bank-info[data-v-929a08f9], .forest-green .bank-card-wrap .card-info .bank-info[data-v-929a08f9] { font-size: var(--ep-font-size-m, 0.875rem);
}
.green-default .bank-card-wrap .card-info .bank-info .bank-name[data-v-929a08f9], .forest-green .bank-card-wrap .card-info .bank-info .bank-name[data-v-929a08f9] { 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-929a08f9], .forest-green .bank-card-wrap .card-info .bank-info .bank-account[data-v-929a08f9] { color: var(--color-text-40); line-height: 1.125rem; font-size: var(--ep-font-size-s, 0.75rem);
}
.green-default .bank-card-wrap .add[data-v-929a08f9], .forest-green .bank-card-wrap .add[data-v-929a08f9] { width: 100%; color: var(--color-text-white-100); font-size: var(--ep-font-size-s, 0.75rem); display: flex; align-items: center; justify-content: center; text-align: center; gap: 0.25rem;
}
.green-default .bank-card-wrap .add .append-icon[data-v-929a08f9], .forest-green .bank-card-wrap .add .append-icon[data-v-929a08f9] { color: var(--color-text-white-100);
}
.green-default .active[data-v-929a08f9], .forest-green .active[data-v-929a08f9] { border-color: var(--color-text-gray-200);
}
.green-default .bank-card-wrap.action[data-v-929a08f9], .forest-green .bank-card-wrap.action[data-v-929a08f9] { border-color: var(--color-line);
}

.green-dark .no-cycle-amount-input-wrap[data-v-9546c5cf], .yellow-dark .no-cycle-amount-input-wrap[data-v-9546c5cf], .amber-purple .no-cycle-amount-input-wrap[data-v-9546c5cf], .auroral-yellow .no-cycle-amount-input-wrap[data-v-9546c5cf], .forest-green .no-cycle-amount-input-wrap[data-v-9546c5cf], .green-default .no-cycle-amount-input-wrap[data-v-9546c5cf], .blue-default .no-cycle-amount-input-wrap[data-v-9546c5cf] { box-sizing: border-box; font-size: var(--ep-font-size-s, 0.75rem); width: 22.875rem; margin: 0 auto 1.3125rem; border: 1px solid var(--line-color); background: var(--color-bg-200); padding: 0.8125rem 0.625rem 1rem; border-radius: var(--ep-border-radius-m, 0.375rem);
}
.green-dark .no-cycle-amount-input-wrap .top[data-v-9546c5cf], .yellow-dark .no-cycle-amount-input-wrap .top[data-v-9546c5cf], .amber-purple .no-cycle-amount-input-wrap .top[data-v-9546c5cf], .auroral-yellow .no-cycle-amount-input-wrap .top[data-v-9546c5cf], .forest-green .no-cycle-amount-input-wrap .top[data-v-9546c5cf], .green-default .no-cycle-amount-input-wrap .top[data-v-9546c5cf], .blue-default .no-cycle-amount-input-wrap .top[data-v-9546c5cf] { display: flex; align-items: center; justify-content: space-between; font-size: var(--ep-font-size-s, 0.75rem); margin-bottom: 0.625rem; color: var(--color-text-100);
}
.green-dark .no-cycle-amount-input-wrap .top .title[data-v-9546c5cf], .yellow-dark .no-cycle-amount-input-wrap .top .title[data-v-9546c5cf], .amber-purple .no-cycle-amount-input-wrap .top .title[data-v-9546c5cf], .auroral-yellow .no-cycle-amount-input-wrap .top .title[data-v-9546c5cf], .forest-green .no-cycle-amount-input-wrap .top .title[data-v-9546c5cf], .green-default .no-cycle-amount-input-wrap .top .title[data-v-9546c5cf], .blue-default .no-cycle-amount-input-wrap .top .title[data-v-9546c5cf] { 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-9546c5cf], .yellow-dark .no-cycle-amount-input-wrap .top .virtual-currency[data-v-9546c5cf], .amber-purple .no-cycle-amount-input-wrap .top .virtual-currency[data-v-9546c5cf], .auroral-yellow .no-cycle-amount-input-wrap .top .virtual-currency[data-v-9546c5cf], .forest-green .no-cycle-amount-input-wrap .top .virtual-currency[data-v-9546c5cf], .green-default .no-cycle-amount-input-wrap .top .virtual-currency[data-v-9546c5cf], .blue-default .no-cycle-amount-input-wrap .top .virtual-currency[data-v-9546c5cf] { display: flex; align-items: center; border: 1px solid var(--line-color); border-radius: var(--ep-border-radius-m, 0.375rem); padding: 0 0.625rem; height: 1.125rem;
}
.green-dark .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-9546c5cf], .yellow-dark .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-9546c5cf], .amber-purple .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-9546c5cf], .auroral-yellow .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-9546c5cf], .forest-green .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-9546c5cf], .green-default .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-9546c5cf], .blue-default .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-9546c5cf] { padding: 0 0.125rem;
}
.green-dark .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-9546c5cf], .yellow-dark .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-9546c5cf], .amber-purple .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-9546c5cf], .auroral-yellow .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-9546c5cf], .forest-green .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-9546c5cf], .green-default .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-9546c5cf], .blue-default .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-9546c5cf] { display: block; width: 0.875rem; height: 0.875rem; margin-right: 0.125rem;
}
.green-dark .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-9546c5cf], .yellow-dark .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-9546c5cf], .amber-purple .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-9546c5cf], .auroral-yellow .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-9546c5cf], .forest-green .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-9546c5cf], .green-default .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-9546c5cf], .blue-default .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-9546c5cf] { margin-bottom: 0.75rem;
}
.green-dark .no-cycle-amount-input-wrap .text-tip-area[data-v-9546c5cf], .yellow-dark .no-cycle-amount-input-wrap .text-tip-area[data-v-9546c5cf], .amber-purple .no-cycle-amount-input-wrap .text-tip-area[data-v-9546c5cf], .auroral-yellow .no-cycle-amount-input-wrap .text-tip-area[data-v-9546c5cf], .forest-green .no-cycle-amount-input-wrap .text-tip-area[data-v-9546c5cf], .green-default .no-cycle-amount-input-wrap .text-tip-area[data-v-9546c5cf], .blue-default .no-cycle-amount-input-wrap .text-tip-area[data-v-9546c5cf] { background: var(--color-bg-200); margin-bottom: 0.625rem;
}
.green-dark .no-cycle-amount-input-wrap .amountInput[data-v-9546c5cf], .yellow-dark .no-cycle-amount-input-wrap .amountInput[data-v-9546c5cf], .amber-purple .no-cycle-amount-input-wrap .amountInput[data-v-9546c5cf], .auroral-yellow .no-cycle-amount-input-wrap .amountInput[data-v-9546c5cf], .forest-green .no-cycle-amount-input-wrap .amountInput[data-v-9546c5cf], .green-default .no-cycle-amount-input-wrap .amountInput[data-v-9546c5cf], .blue-default .no-cycle-amount-input-wrap .amountInput[data-v-9546c5cf] { width: 21.625rem; margin: 0 auto; background: var(--color-bg-400); border-radius: var(--ep-border-radius-m, 0.375rem);
}
.green-dark .no-cycle-amount-input-wrap .description-wrap[data-v-9546c5cf], .yellow-dark .no-cycle-amount-input-wrap .description-wrap[data-v-9546c5cf], .amber-purple .no-cycle-amount-input-wrap .description-wrap[data-v-9546c5cf], .auroral-yellow .no-cycle-amount-input-wrap .description-wrap[data-v-9546c5cf], .forest-green .no-cycle-amount-input-wrap .description-wrap[data-v-9546c5cf], .green-default .no-cycle-amount-input-wrap .description-wrap[data-v-9546c5cf], .blue-default .no-cycle-amount-input-wrap .description-wrap[data-v-9546c5cf] { display: flex; justify-content: flex-end; align-items: center; margin-top: 0.625rem; font-size: var(--ep-font-size-s, 0.75rem); line-height: 1.125rem;
}
.green-dark .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-9546c5cf], .yellow-dark .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-9546c5cf], .amber-purple .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-9546c5cf], .auroral-yellow .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-9546c5cf], .forest-green .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-9546c5cf], .green-default .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-9546c5cf], .blue-default .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-9546c5cf] { color: var(--color-text-40);
}
.green-dark .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-9546c5cf], .yellow-dark .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-9546c5cf], .amber-purple .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-9546c5cf], .auroral-yellow .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-9546c5cf], .forest-green .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-9546c5cf], .green-default .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-9546c5cf], .blue-default .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-9546c5cf] { color: var(--accent-color-orange); font-size: var(--ep-font-size-s, 0.75rem); margin: 0 0.125rem;
}
.green-dark .no-cycle-amount-input-wrap .description-wrap .amount[data-v-9546c5cf], .yellow-dark .no-cycle-amount-input-wrap .description-wrap .amount[data-v-9546c5cf], .amber-purple .no-cycle-amount-input-wrap .description-wrap .amount[data-v-9546c5cf], .auroral-yellow .no-cycle-amount-input-wrap .description-wrap .amount[data-v-9546c5cf], .forest-green .no-cycle-amount-input-wrap .description-wrap .amount[data-v-9546c5cf], .green-default .no-cycle-amount-input-wrap .description-wrap .amount[data-v-9546c5cf], .blue-default .no-cycle-amount-input-wrap .description-wrap .amount[data-v-9546c5cf] { color: var(--accent-color-orange);
}
.green-dark .no-cycle-amount-input-wrap .description-wrap .description[data-v-9546c5cf], .yellow-dark .no-cycle-amount-input-wrap .description-wrap .description[data-v-9546c5cf], .amber-purple .no-cycle-amount-input-wrap .description-wrap .description[data-v-9546c5cf], .auroral-yellow .no-cycle-amount-input-wrap .description-wrap .description[data-v-9546c5cf], .forest-green .no-cycle-amount-input-wrap .description-wrap .description[data-v-9546c5cf], .green-default .no-cycle-amount-input-wrap .description-wrap .description[data-v-9546c5cf], .blue-default .no-cycle-amount-input-wrap .description-wrap .description[data-v-9546c5cf] { display: flex; align-items: center;
}
.green-dark .no-cycle-amount-input-wrap .fee-wrap[data-v-9546c5cf], .yellow-dark .no-cycle-amount-input-wrap .fee-wrap[data-v-9546c5cf], .amber-purple .no-cycle-amount-input-wrap .fee-wrap[data-v-9546c5cf], .auroral-yellow .no-cycle-amount-input-wrap .fee-wrap[data-v-9546c5cf], .forest-green .no-cycle-amount-input-wrap .fee-wrap[data-v-9546c5cf], .green-default .no-cycle-amount-input-wrap .fee-wrap[data-v-9546c5cf], .blue-default .no-cycle-amount-input-wrap .fee-wrap[data-v-9546c5cf] { 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-9546c5cf], .yellow-dark .no-cycle-amount-input-wrap .fee-wrap .fee[data-v-9546c5cf], .amber-purple .no-cycle-amount-input-wrap .fee-wrap .fee[data-v-9546c5cf], .auroral-yellow .no-cycle-amount-input-wrap .fee-wrap .fee[data-v-9546c5cf], .forest-green .no-cycle-amount-input-wrap .fee-wrap .fee[data-v-9546c5cf], .green-default .no-cycle-amount-input-wrap .fee-wrap .fee[data-v-9546c5cf], .blue-default .no-cycle-amount-input-wrap .fee-wrap .fee[data-v-9546c5cf] { color: var(--color-text-40);
}
.green-dark .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-9546c5cf], .yellow-dark .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-9546c5cf], .amber-purple .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-9546c5cf], .auroral-yellow .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-9546c5cf], .forest-green .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-9546c5cf], .green-default .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-9546c5cf], .blue-default .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-9546c5cf] { color: var(--color-text-40); margin-right: 0.1875rem;
}
.green-dark .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-9546c5cf], .yellow-dark .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-9546c5cf], .amber-purple .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-9546c5cf], .auroral-yellow .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-9546c5cf], .forest-green .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-9546c5cf], .green-default .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-9546c5cf], .blue-default .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-9546c5cf] { color: var(--accent-color-orange); margin-right: 0.1875rem;
}
.purple-light .no-cycle-amount-input-wrap[data-v-9546c5cf] { box-sizing: border-box; font-size: var(--ep-font-size-s, 0.75rem); width: 22.875rem; margin: 0 auto 1.3125rem; border: 1px solid var(--line-color); background: var(--color-bg-200); padding: 0.8125rem 0.625rem 1rem; border-radius: var(--ep-border-radius-m, 0.375rem);
}
.purple-light .no-cycle-amount-input-wrap .top[data-v-9546c5cf] { display: flex; align-items: center; justify-content: space-between; font-size: var(--ep-font-size-s, 0.75rem); margin-bottom: 0.625rem; color: var(--color-text-100);
}
.purple-light .no-cycle-amount-input-wrap .top .title[data-v-9546c5cf] { 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-9546c5cf] { display: flex; align-items: center; border: 1px solid var(--line-color); border-radius: var(--ep-border-radius-m, 0.375rem); padding: 0 0.625rem; height: 1.125rem;
}
.purple-light .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-9546c5cf] { padding: 0 0.125rem;
}
.purple-light .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-9546c5cf] { display: block; width: 0.875rem; height: 0.875rem; margin-right: 0.125rem;
}
.purple-light .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-9546c5cf] { margin-bottom: 0.75rem;
}
.purple-light .no-cycle-amount-input-wrap .text-tip-area[data-v-9546c5cf] { background: var(--color-bg-200); margin-bottom: 0.625rem;
}
.purple-light .no-cycle-amount-input-wrap .amountInput[data-v-9546c5cf] { width: 21.625rem; margin: 0 auto; background: var(--color-bg-400); border-radius: var(--ep-border-radius-m, 0.375rem);
}
.purple-light .no-cycle-amount-input-wrap .description-wrap[data-v-9546c5cf] { display: flex; justify-content: flex-end; align-items: center; margin-top: 0.625rem; font-size: var(--ep-font-size-s, 0.75rem); line-height: 1.125rem;
}
.purple-light .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-9546c5cf] { color: var(--color-text-40);
}
.purple-light .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-9546c5cf] { color: var(--accent-color-orange); font-size: var(--ep-font-size-s, 0.75rem); margin: 0 0.125rem;
}
.purple-light .no-cycle-amount-input-wrap .description-wrap .amount[data-v-9546c5cf] { color: var(--accent-color-orange);
}
.purple-light .no-cycle-amount-input-wrap .description-wrap .description[data-v-9546c5cf] { display: flex; align-items: center;
}
.purple-light .no-cycle-amount-input-wrap .fee-wrap[data-v-9546c5cf] { 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-9546c5cf] { color: var(--color-text-40);
}
.purple-light .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-9546c5cf] { color: var(--color-text-40); margin-right: 0.1875rem;
}
.purple-light .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-9546c5cf] { color: var(--accent-color-orange); margin-right: 0.1875rem;
}
.new-skin-symbol .no-cycle-amount-input-wrap[data-v-9546c5cf] { box-sizing: border-box; font-size: var(--ep-font-size-s, 0.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: 0.8125rem 0.625rem 1rem; border-radius: var(--ep-border-radius-m, 0.375rem);
}
.new-skin-symbol .no-cycle-amount-input-wrap .top[data-v-9546c5cf] { display: flex; align-items: center; justify-content: space-between; font-size: var(--ep-font-size-s, 0.75rem); margin-bottom: 0.625rem; color: var(--ep-color-text-default);
}
.new-skin-symbol .no-cycle-amount-input-wrap .top .title[data-v-9546c5cf] { 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-9546c5cf] { display: flex; align-items: center; border: 1px solid var(--ep-color-border-default); border-radius: var(--ep-border-radius-m, 0.375rem); padding: 0 0.625rem; height: 1.125rem;
}
.new-skin-symbol .no-cycle-amount-input-wrap .top .virtual-currency .virtual-count[data-v-9546c5cf] { padding: 0 0.125rem;
}
.new-skin-symbol .no-cycle-amount-input-wrap .top .virtual-currency img[data-v-9546c5cf] { display: block; width: 0.875rem; height: 0.875rem; margin-right: 0.125rem;
}
.new-skin-symbol .no-cycle-amount-input-wrap .amount-btn-wrap[data-v-9546c5cf] { margin-bottom: 0.75rem;
}
.new-skin-symbol .no-cycle-amount-input-wrap .text-tip-area[data-v-9546c5cf] { background: var(--ep-color-background-fill-surface-raised-L1); margin-bottom: 0.625rem;
}
.new-skin-symbol .no-cycle-amount-input-wrap .amountInput[data-v-9546c5cf] { width: 21.625rem; margin: 0 auto; background: var(--ep-color-background-fill-surface-lowered); border-radius: var(--ep-border-radius-m, 0.375rem);
}
.new-skin-symbol .no-cycle-amount-input-wrap .description-wrap[data-v-9546c5cf] { display: flex; justify-content: flex-end; align-items: center; margin-top: 0.625rem; font-size: var(--ep-font-size-s, 0.75rem); line-height: 1.125rem;
}
.new-skin-symbol .no-cycle-amount-input-wrap .description-wrap .description-title[data-v-9546c5cf] { color: var(--ep-color-text-weaker);
}
.new-skin-symbol .no-cycle-amount-input-wrap .description-wrap .amount-icon[data-v-9546c5cf] { color: var(--ep-color-icon-warning); font-size: var(--ep-font-size-s, 0.75rem); margin: 0 0.125rem;
}
.new-skin-symbol .no-cycle-amount-input-wrap .description-wrap .amount[data-v-9546c5cf] { color: var(--ep-color-text-warning);
}
.new-skin-symbol .no-cycle-amount-input-wrap .description-wrap .description[data-v-9546c5cf] { display: flex; align-items: center;
}
.new-skin-symbol .no-cycle-amount-input-wrap .fee-wrap[data-v-9546c5cf] { 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-9546c5cf] { color: var(--ep-color-text-weaker);
}
.new-skin-symbol .no-cycle-amount-input-wrap .fee-wrap ion-icon.balance-fee[data-v-9546c5cf] { color: var(--ep-color-icon-weaker); margin-right: 0.1875rem;
}
.new-skin-symbol .no-cycle-amount-input-wrap .fee-wrap .handling-fee[data-v-9546c5cf] { color: var(--ep-color-text-warning); margin-right: 0.1875rem;
}

.virtual-currency[data-v-9546c5cf] { display: flex; align-items: center; color: var(--ep-color-text-default); border: 1px solid var(--ep-color-border-default); border-radius: var(--ep-border-radius-m, 0.375rem); padding: 0 0.625rem; height: 1.125rem;
}
.virtual-currency .virtual-count[data-v-9546c5cf] { padding: 0 0.125rem;
}
.virtual-currency img[data-v-9546c5cf] { display: block; width: 0.875rem; height: 0.875rem; margin-right: 0.125rem;
}
.virtual-currency.large[data-v-9546c5cf] { height: 1.375rem;
}
.virtual-currency.large img[data-v-9546c5cf] { width: 1rem; height: 1rem; margin-right: 0.25rem;
}
.green-dark .virtual-currency[data-v-9546c5cf], .yellow-dark .virtual-currency[data-v-9546c5cf], .amber-purple .virtual-currency[data-v-9546c5cf], .auroral-yellow .virtual-currency[data-v-9546c5cf], .forest-green .virtual-currency[data-v-9546c5cf], .green-default .virtual-currency[data-v-9546c5cf], .blue-default .virtual-currency[data-v-9546c5cf], .purple-light .virtual-currency[data-v-9546c5cf] { border: 1px solid var(--line-color);
}

.green-dark .amount-list[data-v-9546c5cf], .yellow-dark .amount-list[data-v-9546c5cf] { flex-wrap: wrap; margin-top: 0.625rem; font-size: var(--font-size-12); width: 100%; gap: 0.75rem; padding-bottom: 0.625rem; box-sizing: border-box;
}
.green-dark .amount-list li[data-v-9546c5cf], .yellow-dark .amount-list li[data-v-9546c5cf] { flex: 0 0 calc(33.333% - 0.5rem);
}
.green-dark .amount-list .amount-item[data-v-9546c5cf], .yellow-dark .amount-list .amount-item[data-v-9546c5cf] { flex: 0 0 calc(33.333% - 0.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-9546c5cf], .yellow-dark .amount-list .amount-item img[data-v-9546c5cf] { display: block; width: 1.25rem; height: 1.25rem; margin-right: 0.125rem;
}
.green-dark .amount-list .active[data-v-9546c5cf], .yellow-dark .amount-list .active[data-v-9546c5cf] { border: 1px solid var(--color-primary-900); background: var(--color-btn-bg-active-w);
}
.purple-light .amount-list[data-v-9546c5cf] { flex-wrap: wrap; margin-top: 0.625rem; font-size: var(--font-size-12); width: 100%; gap: 0.75rem; padding-bottom: 0.625rem; box-sizing: border-box;
}
.purple-light .amount-list li[data-v-9546c5cf] { flex: 0 0 calc(33.333% - 0.5rem);
}
.purple-light .amount-list .amount-item[data-v-9546c5cf] { flex: 0 0 calc(33.333% - 0.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-9546c5cf] { display: block; width: 1.25rem; height: 1.25rem; margin-right: 0.125rem;
}
.purple-light .amount-list .active[data-v-9546c5cf] { border: 1px solid var(--color-primary-900); background: var(--color-btn-bg-active-w);
}
.amber-purple .second .amount-list[data-v-9546c5cf] { flex-wrap: wrap; margin-top: 0.625rem; font-size: var(--font-size-12); width: 100%; gap: 0.75rem; padding-bottom: 0.625rem; box-sizing: border-box;
}
.amber-purple .second .amount-list li[data-v-9546c5cf] { flex: 0 0 calc(33.333% - 0.5rem);
}
.amber-purple .second .amount-list .amount-item[data-v-9546c5cf] { flex: 0 0 calc(33.333% - 0.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-9546c5cf] { display: block; width: 1.25rem; height: 1.25rem; margin-right: 0.125rem;
}
.amber-purple .second .amount-list .active[data-v-9546c5cf] { border: 1px solid var(--color-primary-900); background: var(--color-btn-bg-active-w);
}
.amber-purple .second .amount-list[data-v-9546c5cf] { font-weight: 600; position: relative;
}
.amber-purple .second .amount-list .active[data-v-9546c5cf] { border: none; background: linear-gradient(160deg, #eabd5b 15%, #7041f3 50%, #7041f3 80%, #f5c84c); position: relative;
}
.amber-purple .second .amount-list .active .amount[data-v-9546c5cf] { color: var(--color-text-white-100);
}
.amber-purple .second .amount-list .active[data-v-9546c5cf]: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-9546c5cf] { position: relative; z-index: 2; color: var(--text-color-light-purple-1-100);
}
.amber-purple .second .amount-list img[data-v-9546c5cf] { position: relative; z-index: 2;
}
.amber-purple .default .amount-list[data-v-9546c5cf] { flex-wrap: wrap; font-size: var(--font-size-16); gap: 0.75rem; width: 100%; padding-bottom: 0.625rem; box-sizing: border-box;
}
.amber-purple .default .amount-list li[data-v-9546c5cf] { flex: 0 0 calc(33.333% - 0.5rem);
}
.amber-purple .default .amount-list .amount-item[data-v-9546c5cf] { flex: 0 0 calc(33.333% - 0.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-9546c5cf] { display: block; width: 1.25rem; height: 1.25rem; margin-right: 0.125rem;
}
.amber-purple .default .amount-list .disabled[data-v-9546c5cf] { pointer-events: none;
}
.amber-purple .default .amount-list .active[data-v-9546c5cf] { 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-9546c5cf] { font-weight: 600; position: relative;
}
.amber-purple .default .amount-list .active[data-v-9546c5cf] { border: none; background: linear-gradient(160deg, #eabd5b 15%, #7041f3 50%, #7041f3 80%, #f5c84c); position: relative;
}
.amber-purple .default .amount-list .active .amount[data-v-9546c5cf] { color: var(--color-text-white-100);
}
.amber-purple .default .amount-list .active[data-v-9546c5cf]: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-9546c5cf] { position: relative; z-index: 2; color: var(--text-color-light-purple-1-100);
}
.amber-purple .default .amount-list img[data-v-9546c5cf] { position: relative; z-index: 2;
}
.blue-default .amount-list[data-v-9546c5cf] { flex-wrap: wrap; font-size: var(--font-size-16); gap: 0.75rem; width: 100%; padding-bottom: 0.625rem; box-sizing: border-box;
}
.blue-default .amount-list li[data-v-9546c5cf] { flex: 0 0 calc(33.333% - 0.5rem);
}
.blue-default .amount-list .amount-item[data-v-9546c5cf] { flex: 0 0 calc(33.333% - 0.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-9546c5cf] { display: block; width: 1.25rem; height: 1.25rem; margin-right: 0.125rem;
}
.blue-default .amount-list .disabled[data-v-9546c5cf] { pointer-events: none;
}
.blue-default .amount-list .active[data-v-9546c5cf] { 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-9546c5cf] { flex-wrap: wrap; font-size: var(--font-size-16); gap: 0.75rem; width: 100%; padding-bottom: 0.625rem; box-sizing: border-box;
}
.green-default .amount-list li[data-v-9546c5cf] { flex: 0 0 calc(33.333% - 0.5rem);
}
.green-default .amount-list .amount-item[data-v-9546c5cf] { flex: 0 0 calc(33.333% - 0.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-9546c5cf] { display: block; width: 1.25rem; height: 1.25rem; margin-right: 0.125rem;
}
.green-default .amount-list .disabled[data-v-9546c5cf] { pointer-events: none;
}
.green-default .amount-list .active[data-v-9546c5cf] { 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-9546c5cf] { flex-wrap: wrap; font-size: var(--font-size-16); gap: 0.75rem; width: 100%; padding-bottom: 0.625rem; box-sizing: border-box;
}
.forest-green .amount-list li[data-v-9546c5cf] { flex: 0 0 calc(33.333% - 0.5rem);
}
.forest-green .amount-list .amount-item[data-v-9546c5cf] { flex: 0 0 calc(33.333% - 0.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-9546c5cf] { display: block; width: 1.25rem; height: 1.25rem; margin-right: 0.125rem;
}
.forest-green .amount-list .disabled[data-v-9546c5cf] { pointer-events: none;
}
.forest-green .amount-list .active[data-v-9546c5cf] { 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-9546c5cf] { flex-wrap: wrap; font-size: var(--font-size-16); gap: 0.75rem; width: 100%; padding-bottom: 0.625rem; box-sizing: border-box;
}
.auroral-yellow .amount-list li[data-v-9546c5cf] { flex: 0 0 calc(33.333% - 0.5rem);
}
.auroral-yellow .amount-list .amount-item[data-v-9546c5cf] { flex: 0 0 calc(33.333% - 0.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-9546c5cf] { display: block; width: 1.25rem; height: 1.25rem; margin-right: 0.125rem;
}
.auroral-yellow .amount-list .disabled[data-v-9546c5cf] { pointer-events: none;
}
.auroral-yellow .amount-list .active[data-v-9546c5cf] { 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-9546c5cf] { flex-wrap: wrap; margin-top: 0.625rem; font-size: var(--ep-font-size-s, 0.75rem); gap: 0.75rem;
}
.new-skin-symbol .amount-list li[data-v-9546c5cf] { flex: 0 0 calc(33.333% - 0.5rem);
}
.new-skin-symbol .amount-list .amount-item[data-v-9546c5cf] { flex: 0 0 calc(33.333% - 0.5rem); height: 2.375rem; text-align: center; background: var(--ep-color-background-fill-surface-raised-L2); border-radius: 0.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-9546c5cf] { display: block; width: 1.25rem; height: 1.25rem; margin-right: 0.125rem;
}
.new-skin-symbol .amount-list .active[data-v-9546c5cf] { 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(10, 119, 218, 0.4)) 110.34%), var(--ep-color-background-fill-surface-raised-L2, #1d2a55);
}

.item-row[data-v-9546c5cf] { background-color: var(--color-bg-input); border-radius: 0.375rem; height: 2.5rem; width: 100%; padding-left: 0.5rem; margin-top: 0rem; margin-bottom: 1.3125rem;
}
ion-input[data-v-9546c5cf] { min-height: 2.5rem !important; font-size: 0.875rem !important; --border-width: 0px !important;
}
.amber-purple .item-row[data-v-9546c5cf] { background-color: var(--color-bg-400);
}
.amber-purple .label[data-v-9546c5cf] { color: var(--text-color-light-purple-1-100);
}
.amber-purple ion-input[data-v-9546c5cf] { --placeholder-color: var(--text-color-light-purple-2-100); --placeholder-opacity: 1;
}
h6.tips[data-v-9546c5cf], p.label[data-v-9546c5cf] { color: var(--color-text-blur);
}
.tips span[data-v-9546c5cf], ion-icon.help[data-v-9546c5cf] { color: var(--color-text-href);
}
label.label[data-v-9546c5cf], span.label[data-v-9546c5cf] { color: var(--color-text-label-basic); height: 100%; align-items: center;
}
div.line[data-v-9546c5cf] { background: var(--color-line);
}
p.suffix[data-v-9546c5cf] { color: var(--color-text-60); display: inline-block; margin: 0; padding: 0; line-height: 1.5rem; font-size: 0.875rem; margin-right: 0.5rem;
}

.px-12[data-v-00ce40db] { padding: 0 0.75rem;
}
.channel-wrap[data-v-00ce40db] ::-webkit-scrollbar { display: none !important; width: 0px; height: 0px;
}
.channel-wrap .channel-list[data-v-00ce40db] { 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-00ce40db] { 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 0.75rem; min-width: 4.3125rem; box-sizing: border-box; border-radius: var(--rounded-middle); margin-right: 0.75rem; border: 0.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-00ce40db] { 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-00ce40db] { line-height: 1.375rem; margin: 0.75rem 0; color: var(--color-text-white-100);
}
.blue-default .channel-wrap.sub-tab .channel-list li[data-v-00ce40db] { 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 0.75rem; min-width: 4.3125rem; box-sizing: border-box; border-radius: var(--rounded-middle); margin-right: 0.75rem; border: 0.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-00ce40db] { 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-00ce40db] { 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-00ce40db] { 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 0.75rem; min-width: 4.3125rem; box-sizing: border-box; border-radius: var(--rounded-middle); margin-right: 0.75rem; border: 0.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-00ce40db] { 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-00ce40db] { line-height: 1.375rem; margin: 0.75rem 0; color: var(--color-text-gray-100);
}
.green-default .channel-wrap.sub-tab .channel-list li[data-v-00ce40db] { 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 0.75rem; min-width: 4.3125rem; box-sizing: border-box; border-radius: var(--rounded-middle); margin-right: 0.75rem; border: 0.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-00ce40db] { 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-00ce40db] { 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-00ce40db] { 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 0.75rem; min-width: 4.3125rem; box-sizing: border-box; border-radius: var(--rounded-middle); margin-right: 0.75rem; border: 0.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-00ce40db] { 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-00ce40db] { line-height: 1.375rem; margin: 0.75rem 0; color: var(--color-text-gray-100);
}
.forest-green .channel-wrap.sub-tab .channel-list li[data-v-00ce40db] { 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 0.75rem; min-width: 4.3125rem; box-sizing: border-box; border-radius: var(--rounded-middle); margin-right: 0.75rem; border: 0.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-00ce40db] { 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-00ce40db] { 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-00ce40db] { 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 0.75rem; min-width: 4.3125rem; box-sizing: border-box; border-radius: var(--rounded-middle); margin-right: 0.75rem; border: 0.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-00ce40db] { 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-00ce40db] { line-height: 1.375rem; margin: 0.75rem 0; color: var(--text-color-light-purple-1-100);
}
.amber-purple .default .channel-wrap.sub-tab .channel-list li[data-v-00ce40db] { 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 0.75rem; min-width: 4.3125rem; box-sizing: border-box; border-radius: var(--rounded-middle); margin-right: 0.75rem; border: 0.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-00ce40db] { 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-00ce40db] { color: var(--accent-color-orange); border-color: var(--line-color); background: var(--color-bg-100);
}
.amber-purple .second .channel-wrap[data-v-00ce40db] { box-sizing: border-box; font-size: var(--font-size-12);
}
.amber-purple .second .channel-wrap .title[data-v-00ce40db] { font-weight: var(--font-weight-bold); margin-bottom: 0.4375rem; color: var(--color-text-100);
}
.amber-purple .second .channel-wrap .channel-list[data-v-00ce40db] { height: 1.875rem; position: sticky; top: 0;
}
.amber-purple .second .channel-wrap .channel-list li[data-v-00ce40db] { height: 1.875rem; flex-shrink: 0; padding: 0 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: 0.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-00ce40db] { position: absolute; width: 2.75rem; height: 1.125rem; right: 0.3125rem; top: -0.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-00ce40db] { width: 100%; height: 100%;
}
.amber-purple .second .channel-wrap .channel-list li .tag i[data-v-00ce40db] { 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-00ce40db] { color: var(--color-text-secondary-1); font-weight: var(--font-weight-bold);
}
.amber-purple .second .channel-wrap .tag-list[data-v-00ce40db] { height: 2.5rem;
}
.amber-purple .second .main-tab .channel-list .active[data-v-00ce40db], .amber-purple .second .sub-tab .channel-list .active[data-v-00ce40db] { background: var(--theme-color-800);
}
.green-dark .channel-wrap[data-v-00ce40db], .yellow-dark .channel-wrap[data-v-00ce40db] { box-sizing: border-box; font-size: var(--font-size-12);
}
.green-dark .channel-wrap .title[data-v-00ce40db], .yellow-dark .channel-wrap .title[data-v-00ce40db] { font-weight: var(--font-weight-bold); margin-bottom: 0.4375rem; color: var(--color-text-100);
}
.green-dark .channel-wrap .channel-list[data-v-00ce40db], .yellow-dark .channel-wrap .channel-list[data-v-00ce40db] { height: 1.875rem; position: sticky; top: 0;
}
.green-dark .channel-wrap .channel-list li[data-v-00ce40db], .yellow-dark .channel-wrap .channel-list li[data-v-00ce40db] { height: 1.875rem; flex-shrink: 0; padding: 0 0.75rem; min-width: 4.3125rem; line-height: 1.875rem; color: var(--color-text-40); border-radius: var(--rounded-small); margin-right: 0.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-00ce40db], .yellow-dark .channel-wrap .channel-list li .tag[data-v-00ce40db] { position: absolute; width: 2.75rem; height: 1.125rem; right: 0.3125rem; top: -0.5625rem; line-height: 1.125rem; color: var(--accent-color-red); z-index: 10;
}
.green-dark .channel-wrap .channel-list li .tag .rectangle[data-v-00ce40db], .yellow-dark .channel-wrap .channel-list li .tag .rectangle[data-v-00ce40db] { width: 100%; height: 100%;
}
.green-dark .channel-wrap .channel-list li .tag i[data-v-00ce40db], .yellow-dark .channel-wrap .channel-list li .tag i[data-v-00ce40db] { 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-00ce40db], .yellow-dark .channel-wrap .channel-list .active[data-v-00ce40db] { color: var(--color-text-100); font-weight: var(--font-weight-bold);
}
.green-dark .channel-wrap .tag-list[data-v-00ce40db], .yellow-dark .channel-wrap .tag-list[data-v-00ce40db] { height: 2.5rem;
}
.green-dark .main-tab .channel-list .active[data-v-00ce40db], .yellow-dark .main-tab .channel-list .active[data-v-00ce40db] { background: var(--color-bg-100);
}
.green-dark .sub-tab .channel-list .active[data-v-00ce40db], .yellow-dark .sub-tab .channel-list .active[data-v-00ce40db] { background: var(--color-bg-200);
}
.auroral-yellow .channel-wrap.main-tab .channel-list li[data-v-00ce40db] { 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 0.75rem; min-width: 4.3125rem; box-sizing: border-box; border-radius: var(--rounded-middle); margin-right: 0.75rem; border: 0.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-00ce40db] { 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-00ce40db] { line-height: 1.375rem; margin: 0.75rem 0; color: var(--color-text-white-100);
}
.auroral-yellow .channel-wrap.sub-tab .channel-list li[data-v-00ce40db] { 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 0.75rem; min-width: 4.3125rem; box-sizing: border-box; border-radius: var(--rounded-middle); margin-right: 0.75rem; border: 0.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-00ce40db] { 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-00ce40db] { color: var(--accent-color-orange); border-color: var(--line-color); background: var(--color-bg-100);
}
.purple-light .channel-wrap[data-v-00ce40db] { box-sizing: border-box; font-size: var(--font-size-12);
}
.purple-light .channel-wrap .title[data-v-00ce40db] { font-weight: var(--font-weight-bold); margin-bottom: 0.4375rem; color: var(--color-text-100);
}
.purple-light .channel-wrap .channel-list[data-v-00ce40db] { height: 1.875rem; position: sticky; top: 0;
}
.purple-light .channel-wrap .channel-list li[data-v-00ce40db] { height: 1.875rem; flex-shrink: 0; padding: 0 0.75rem; min-width: 4.3125rem; line-height: 1.875rem; color: var(--color-text-80); border-radius: var(--rounded-small); margin-right: 0.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-00ce40db] { position: absolute; width: 2.75rem; height: 1.125rem; right: 0.3125rem; top: -0.5625rem; line-height: 1.125rem; color: var(--accent-color-red); z-index: 10;
}
.purple-light .channel-wrap .channel-list li .tag .rectangle[data-v-00ce40db] { width: 100%; height: 100%;
}
.purple-light .channel-wrap .channel-list li .tag i[data-v-00ce40db] { 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-00ce40db] { color: var(--color-text-secondary-1); font-weight: var(--font-weight-bold);
}
.purple-light .channel-wrap .tag-list[data-v-00ce40db] { height: 2.5rem;
}
.purple-light .main-tab .channel-list .active[data-v-00ce40db], .purple-light .sub-tab .channel-list .active[data-v-00ce40db] { background: var(--theme-color-800);
}
.new-skin-symbol .channel-wrap[data-v-00ce40db] { box-sizing: border-box; font-size: var(--ep-font-size-s, 0.75rem);
}
.new-skin-symbol .channel-wrap .title[data-v-00ce40db] { font-weight: var(--ep-font-weight-bold, 700); margin-bottom: 0.4375rem; color: var(--ep-color-text-default);
}
.new-skin-symbol .channel-wrap .channel-list[data-v-00ce40db] { height: 1.875rem; position: sticky; top: 0;
}
.new-skin-symbol .channel-wrap .channel-list li[data-v-00ce40db] { height: 1.875rem; flex-shrink: 0; padding: 0 0.75rem; min-width: 4.3125rem; line-height: 1.875rem; color: var(--ep-color-text-weaker); border-radius: var(--ep-border-radius-m, 0.375rem); margin-right: 0.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-00ce40db] { position: absolute; width: 2.75rem; height: 1.125rem; right: 0.3125rem; top: -0.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-00ce40db] { width: 100%; height: 100%;
}
.new-skin-symbol .channel-wrap .channel-list li .tag i[data-v-00ce40db] { font-size: var(--ep-font-size-xs, 0.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-00ce40db] { color: var(--ep-color-text-selected); font-weight: var(--ep-font-weight-bold, 700);
}
.new-skin-symbol .channel-wrap .tag-list[data-v-00ce40db] { height: 2.5rem;
}
.new-skin-symbol .main-tab .channel-list .active[data-v-00ce40db] { color: var(--ep-color-text-inverse); background: var(--ep-color-background-fill-active-primary);
}
.new-skin-symbol .sub-tab .channel-list .active[data-v-00ce40db] { background: var(--ep-color-background-fill-surface-raised-L1);
}

.new-skin-symbol .tile-tab-area .title[data-v-00ce40db] { font-size: var(--ep-font-size-s, 0.75rem); color: var(--ep-color-text-default); font-weight: var(--ep-font-weight-bold, 700); margin: 0 0 0.625rem 0.75rem; line-height: 1.125rem;
}
.new-skin-symbol .tile-tab-area .tile-tab-list-wrap[data-v-00ce40db] { width: 22.875rem; margin: 0 auto 1.375rem; display: flex; flex-wrap: wrap; gap: 0.75rem; align-content: space-between; align-items: center;
}
.new-skin-symbol .tile-tab-area .tile-tab-list-wrap .tab-item[data-v-00ce40db] { flex: 0 0 calc(33.333% - 0.5rem); height: 3.375rem; border-radius: var(--ep-border-radius-m, 0.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: 0.375rem 0.5rem; box-sizing: border-box; font-size: var(--ep-font-size-m, 0.75rem); cursor: pointer;
}
.new-skin-symbol .tile-tab-area .tile-tab-list-wrap .tab-item .tab-icon[data-v-00ce40db] { width: 2rem; height: 2rem; border-radius: var(--ep-border-radius-m, 0.375rem); display: block; margin-right: 0.375rem;
}
.new-skin-symbol .tile-tab-area .tile-tab-list-wrap .tab-item .tab-name[data-v-00ce40db] { 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 .tile-tab-area .tile-tab-list-wrap .active[data-v-00ce40db] { border: 1px solid var(--ep-color-text-selected); color: var(--ep-color-text-default); background: var(--ep-dynamic-secondary); position: relative;
}
.new-skin-symbol .tile-tab-area .tile-tab-list-wrap .active .ok-icon[data-v-00ce40db] { color: var(--ep-color-icon-selected); position: absolute; right: 0.25rem; bottom: 0.25rem; font-size: var(--ep-font-size-l, 0.875rem);
}
.green-dark .tile-tab-area .title[data-v-00ce40db], .yellow-dark .tile-tab-area .title[data-v-00ce40db], .forest-green .tile-tab-area .title[data-v-00ce40db], .purple-light .tile-tab-area .title[data-v-00ce40db], .auroral-yellow .tile-tab-area .title[data-v-00ce40db], .green-default .tile-tab-area .title[data-v-00ce40db] { font-size: var(--ep-font-size-s, 0.75rem); color: var(--color-text-100); font-weight: var(--ep-font-weight-bold, 700); margin: 0 0 0.625rem 0.75rem; line-height: 1.125rem;
}
.green-dark .tile-tab-area .tile-tab-list-wrap[data-v-00ce40db], .yellow-dark .tile-tab-area .tile-tab-list-wrap[data-v-00ce40db], .forest-green .tile-tab-area .tile-tab-list-wrap[data-v-00ce40db], .purple-light .tile-tab-area .tile-tab-list-wrap[data-v-00ce40db], .auroral-yellow .tile-tab-area .tile-tab-list-wrap[data-v-00ce40db], .green-default .tile-tab-area .tile-tab-list-wrap[data-v-00ce40db] { width: 22.875rem; margin: 0 auto 1.375rem; display: flex; flex-wrap: wrap; gap: 0.75rem; align-content: space-between; align-items: center;
}
.green-dark .tile-tab-area .tile-tab-list-wrap .tab-item[data-v-00ce40db], .yellow-dark .tile-tab-area .tile-tab-list-wrap .tab-item[data-v-00ce40db], .forest-green .tile-tab-area .tile-tab-list-wrap .tab-item[data-v-00ce40db], .purple-light .tile-tab-area .tile-tab-list-wrap .tab-item[data-v-00ce40db], .auroral-yellow .tile-tab-area .tile-tab-list-wrap .tab-item[data-v-00ce40db], .green-default .tile-tab-area .tile-tab-list-wrap .tab-item[data-v-00ce40db] { flex: 0 0 calc(33.333% - 0.5rem); height: 3.375rem; border-radius: var(--ep-border-radius-m, 0.375rem); background: var(--color-bg-200); display: flex; align-items: center; justify-content: flex-start; color: var(--color-text-40); padding: 0.375rem 0.5rem; box-sizing: border-box; font-size: var(--ep-font-size-m, 0.75rem); cursor: pointer;
}
.green-dark .tile-tab-area .tile-tab-list-wrap .tab-item .tab-icon[data-v-00ce40db], .yellow-dark .tile-tab-area .tile-tab-list-wrap .tab-item .tab-icon[data-v-00ce40db], .forest-green .tile-tab-area .tile-tab-list-wrap .tab-item .tab-icon[data-v-00ce40db], .purple-light .tile-tab-area .tile-tab-list-wrap .tab-item .tab-icon[data-v-00ce40db], .auroral-yellow .tile-tab-area .tile-tab-list-wrap .tab-item .tab-icon[data-v-00ce40db], .green-default .tile-tab-area .tile-tab-list-wrap .tab-item .tab-icon[data-v-00ce40db] { width: 2rem; height: 2rem; border-radius: var(--ep-border-radius-m, 0.375rem); display: block; margin-right: 0.375rem;
}
.green-dark .tile-tab-area .tile-tab-list-wrap .tab-item .tab-name[data-v-00ce40db], .yellow-dark .tile-tab-area .tile-tab-list-wrap .tab-item .tab-name[data-v-00ce40db], .forest-green .tile-tab-area .tile-tab-list-wrap .tab-item .tab-name[data-v-00ce40db], .purple-light .tile-tab-area .tile-tab-list-wrap .tab-item .tab-name[data-v-00ce40db], .auroral-yellow .tile-tab-area .tile-tab-list-wrap .tab-item .tab-name[data-v-00ce40db], .green-default .tile-tab-area .tile-tab-list-wrap .tab-item .tab-name[data-v-00ce40db] { 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 .tile-tab-area .tile-tab-list-wrap .active[data-v-00ce40db], .yellow-dark .tile-tab-area .tile-tab-list-wrap .active[data-v-00ce40db], .forest-green .tile-tab-area .tile-tab-list-wrap .active[data-v-00ce40db], .purple-light .tile-tab-area .tile-tab-list-wrap .active[data-v-00ce40db], .auroral-yellow .tile-tab-area .tile-tab-list-wrap .active[data-v-00ce40db], .green-default .tile-tab-area .tile-tab-list-wrap .active[data-v-00ce40db] { border: 1px solid var(--theme-color-800); color: var(--color-text-100); background: var(--color-btn-bg-active-r); position: relative;
}
.green-dark .tile-tab-area .tile-tab-list-wrap .active .ok-icon[data-v-00ce40db], .yellow-dark .tile-tab-area .tile-tab-list-wrap .active .ok-icon[data-v-00ce40db], .forest-green .tile-tab-area .tile-tab-list-wrap .active .ok-icon[data-v-00ce40db], .purple-light .tile-tab-area .tile-tab-list-wrap .active .ok-icon[data-v-00ce40db], .auroral-yellow .tile-tab-area .tile-tab-list-wrap .active .ok-icon[data-v-00ce40db], .green-default .tile-tab-area .tile-tab-list-wrap .active .ok-icon[data-v-00ce40db] { color: var(--theme-color-800); position: absolute; right: 0.25rem; bottom: 0.25rem; font-size: var(--ep-font-size-l, 0.875rem);
}
.blue-default .tile-tab-area .title[data-v-00ce40db] { font-size: var(--ep-font-size-s, 0.75rem); color: var(--color-text-100); font-weight: var(--ep-font-weight-bold, 700); margin: 0 0 0.625rem 0.75rem; line-height: 1.125rem;
}
.blue-default .tile-tab-area .tile-tab-list-wrap[data-v-00ce40db] { width: 22.875rem; margin: 0 auto 1.375rem; display: flex; flex-wrap: wrap; gap: 0.75rem; align-content: space-between; align-items: center;
}
.blue-default .tile-tab-area .tile-tab-list-wrap .tab-item[data-v-00ce40db] { flex: 0 0 calc(33.333% - 0.5rem); height: 3.375rem; border-radius: var(--ep-border-radius-m, 0.375rem); background: var(--color-bg-200); display: flex; align-items: center; justify-content: flex-start; color: var(--color-text-40); padding: 0.375rem 0.5rem; box-sizing: border-box; font-size: var(--ep-font-size-m, 0.75rem); cursor: pointer;
}
.blue-default .tile-tab-area .tile-tab-list-wrap .tab-item .tab-icon[data-v-00ce40db] { width: 2rem; height: 2rem; border-radius: var(--ep-border-radius-m, 0.375rem); display: block; margin-right: 0.375rem;
}
.blue-default .tile-tab-area .tile-tab-list-wrap .tab-item .tab-name[data-v-00ce40db] { 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 .tile-tab-area .tile-tab-list-wrap .active[data-v-00ce40db] { border: 1px solid var(--theme-color-900); color: var(--color-text-100); background: var(--color-btn-bg-active-r); position: relative;
}
.blue-default .tile-tab-area .tile-tab-list-wrap .active .ok-icon[data-v-00ce40db] { color: var(--theme-color-800); position: absolute; right: 0.25rem; bottom: 0.25rem; font-size: var(--ep-font-size-l, 0.875rem);
}
.amber-purple .tile-tab-area .title[data-v-00ce40db] { font-size: var(--ep-font-size-s, 0.75rem); color: var(--color-text-100); font-weight: var(--ep-font-weight-bold, 700); margin: 0 0 0.625rem 0.75rem; line-height: 1.125rem;
}
.amber-purple .tile-tab-area .tile-tab-list-wrap[data-v-00ce40db] { width: 22.875rem; margin: 0 auto 1.375rem; display: flex; flex-wrap: wrap; gap: 0.75rem; align-content: space-between; align-items: center;
}
.amber-purple .tile-tab-area .tile-tab-list-wrap .tab-item[data-v-00ce40db] { flex: 0 0 calc(33.333% - 0.5rem); height: 3.375rem; border-radius: var(--ep-border-radius-m, 0.375rem); background: var(--color-bg-200); display: flex; align-items: center; justify-content: flex-start; color: var(--color-text-40); padding: 0.375rem 0.5rem; box-sizing: border-box; font-size: var(--ep-font-size-m, 0.75rem); cursor: pointer;
}
.amber-purple .tile-tab-area .tile-tab-list-wrap .tab-item .tab-icon[data-v-00ce40db] { width: 2rem; height: 2rem; border-radius: var(--ep-border-radius-m, 0.375rem); display: block; margin-right: 0.375rem;
}
.amber-purple .tile-tab-area .tile-tab-list-wrap .tab-item .tab-name[data-v-00ce40db] { 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 .tile-tab-area .tile-tab-list-wrap .active[data-v-00ce40db] { border: 1px solid var(--color-line); color: var(--color-text-100); background: var(--color-btn-bg-active-r); position: relative;
}
.amber-purple .tile-tab-area .tile-tab-list-wrap .active .ok-icon[data-v-00ce40db] { color: var(--color-text-gray-100); position: absolute; right: 0.25rem; bottom: 0.25rem; font-size: var(--ep-font-size-l, 0.875rem);
}

    /* 源站通用旋转动画随组件保留，避免依赖其他页面的 scoped 样式。 */
.refresh-icon[data-v-007690ec] { transform: rotate(30deg);
}
.animate-refresh[data-v-007690ec] { animation: rotation-007690ec 0.5s infinite linear;
}
@keyframes rotation-007690ec {
0% { transform: rotate(0);
}
to { transform: rotate(359deg);
}
}

    /* 标题单行显示并按需缩小字号，行高保持不变，避免金额和详情位置随字号移动。 */
.bind-balance .balance-content[data-v-007690ec] { white-space: nowrap; overflow: hidden; line-height: calc(var(--ep-font-size-s, 0.75rem) * 1.5);
}
.new-skin-symbol .bind-balance[data-v-007690ec] { display: flex; justify-content: space-between; align-items: center; width: 22.875rem; gap: 0.875rem; margin: 0 auto;
}
.new-skin-symbol .bind-balance .balance-wrap[data-v-007690ec] { width: 11rem; height: 5.5rem; text-align: left; padding: 1.3125rem 1.125rem; box-shadow: inset 0 0 0.625rem 0 var(--ep-color-background-fill-glow-primary-opacity-40); border-radius: 0.875rem; position: relative; background: var(--ep-color-background-fill-surface-lowered);
}
.new-skin-symbol .bind-balance .balance-wrap .icon-color[data-v-007690ec] { position: absolute; right: 0.625rem; top: 0.625rem; color: var(--ep-color-icon-brand-primary);
}
.new-skin-symbol .bind-balance .balance-wrap .balance-content[data-v-007690ec] { font-size: var(--ep-font-size-s, 0.75rem); color: var(--ep-color-text-default);
}
.new-skin-symbol .bind-balance .balance-wrap .balance-amount[data-v-007690ec] { color: var(--ep-color-text-warning); font-size: var(--ep-font-size-m, 0.875rem);
}
.new-skin-symbol .bind-balance .balance-wrap .detail[data-v-007690ec] { position: absolute; right: 0.43rem; bottom: 0.43rem; color: var(--ep-color-text-info); font-size: var(--ep-font-size-xs, 0.625rem); cursor: pointer;
}
.new-skin-symbol .bind-balance .balance-wrap .detail .detail-icon[data-v-007690ec] { color: var(--ep-color-icon-info);
}
.auroral-yellow .bind-balance[data-v-007690ec], .forest-green .bind-balance[data-v-007690ec], .green-default .bind-balance[data-v-007690ec], .purple-light .bind-balance[data-v-007690ec], .green-dark .bind-balance[data-v-007690ec], .yellow-dark .bind-balance[data-v-007690ec] { display: flex; justify-content: space-between; align-items: center; width: 22.875rem; gap: 0.875rem; margin: 0 auto;
}
.auroral-yellow .bind-balance .balance-wrap[data-v-007690ec], .forest-green .bind-balance .balance-wrap[data-v-007690ec], .green-default .bind-balance .balance-wrap[data-v-007690ec], .purple-light .bind-balance .balance-wrap[data-v-007690ec], .green-dark .bind-balance .balance-wrap[data-v-007690ec], .yellow-dark .bind-balance .balance-wrap[data-v-007690ec] { width: 11rem; height: 5.5rem; text-align: left; padding: 1.3125rem 1.125rem; box-shadow: inset 0 0 0.625rem 0 var(--theme-color-800); border-radius: 0.875rem; position: relative; background: var(--color-bg-400);
}
.auroral-yellow .bind-balance .balance-wrap .icon-color[data-v-007690ec], .forest-green .bind-balance .balance-wrap .icon-color[data-v-007690ec], .green-default .bind-balance .balance-wrap .icon-color[data-v-007690ec], .purple-light .bind-balance .balance-wrap .icon-color[data-v-007690ec], .green-dark .bind-balance .balance-wrap .icon-color[data-v-007690ec], .yellow-dark .bind-balance .balance-wrap .icon-color[data-v-007690ec] { position: absolute; right: 0.625rem; top: 0.625rem; color: var(--theme-color-800);
}
.auroral-yellow .bind-balance .balance-wrap .balance-content[data-v-007690ec], .forest-green .bind-balance .balance-wrap .balance-content[data-v-007690ec], .green-default .bind-balance .balance-wrap .balance-content[data-v-007690ec], .purple-light .bind-balance .balance-wrap .balance-content[data-v-007690ec], .green-dark .bind-balance .balance-wrap .balance-content[data-v-007690ec], .yellow-dark .bind-balance .balance-wrap .balance-content[data-v-007690ec] { font-size: var(--ep-font-size-s, 0.75rem); color: var(--color-text-100);
}
.auroral-yellow .bind-balance .balance-wrap .balance-amount[data-v-007690ec], .forest-green .bind-balance .balance-wrap .balance-amount[data-v-007690ec], .green-default .bind-balance .balance-wrap .balance-amount[data-v-007690ec], .purple-light .bind-balance .balance-wrap .balance-amount[data-v-007690ec], .green-dark .bind-balance .balance-wrap .balance-amount[data-v-007690ec], .yellow-dark .bind-balance .balance-wrap .balance-amount[data-v-007690ec] { color: var(--color-currency); font-size: var(--ep-font-size-m, 0.875rem);
}
.auroral-yellow .bind-balance .balance-wrap .detail[data-v-007690ec], .forest-green .bind-balance .balance-wrap .detail[data-v-007690ec], .green-default .bind-balance .balance-wrap .detail[data-v-007690ec], .purple-light .bind-balance .balance-wrap .detail[data-v-007690ec], .green-dark .bind-balance .balance-wrap .detail[data-v-007690ec], .yellow-dark .bind-balance .balance-wrap .detail[data-v-007690ec] { position: absolute; right: 0.43rem; bottom: 0.43rem; color: var(--accent-color-blue); font-size: var(--ep-font-size-xs, 0.625rem); cursor: pointer;
}
.auroral-yellow .bind-balance .balance-wrap .detail .detail-icon[data-v-007690ec], .forest-green .bind-balance .balance-wrap .detail .detail-icon[data-v-007690ec], .green-default .bind-balance .balance-wrap .detail .detail-icon[data-v-007690ec], .purple-light .bind-balance .balance-wrap .detail .detail-icon[data-v-007690ec], .green-dark .bind-balance .balance-wrap .detail .detail-icon[data-v-007690ec], .yellow-dark .bind-balance .balance-wrap .detail .detail-icon[data-v-007690ec] { color: var(--accent-color-blue);
}
.blue-default .bind-balance[data-v-007690ec] { display: flex; justify-content: space-between; align-items: center; width: 22.875rem; gap: 0.875rem; margin: 0 auto;
}
.blue-default .bind-balance .balance-wrap[data-v-007690ec] { width: 11rem; height: 5.5rem; text-align: left; padding: 1.3125rem 1.125rem; box-shadow: inset 0 0 0.625rem 0 var(--theme-color-800); border-radius: 0.875rem; position: relative; background: var(--color-bg-400);
}
.blue-default .bind-balance .balance-wrap .icon-color[data-v-007690ec] { position: absolute; right: 0.625rem; top: 0.625rem; color: var(--theme-color-500);
}
.blue-default .bind-balance .balance-wrap .balance-content[data-v-007690ec] { font-size: var(--ep-font-size-s, 0.75rem); color: var(--color-text-100);
}
.blue-default .bind-balance .balance-wrap .balance-amount[data-v-007690ec] { color: var(--color-currency); font-size: var(--ep-font-size-m, 0.875rem);
}
.blue-default .bind-balance .balance-wrap .detail[data-v-007690ec] { position: absolute; right: 0.43rem; bottom: 0.43rem; color: var(--accent-color-blue); font-size: var(--ep-font-size-xs, 0.625rem); cursor: pointer;
}
.blue-default .bind-balance .balance-wrap .detail .detail-icon[data-v-007690ec] { color: var(--accent-color-blue);
}
.amber-purple .bind-balance[data-v-007690ec] { display: flex; justify-content: space-between; align-items: center; width: 22.875rem; gap: 0.875rem; margin: 0 auto;
}
.amber-purple .bind-balance .balance-wrap[data-v-007690ec] { width: 11rem; height: 5.5rem; text-align: left; padding: 1.3125rem 1.125rem; box-shadow: inset 0 0 0.625rem 0 var(--theme-color-800); border-radius: 0.875rem; position: relative; background: var(--color-bg-400);
}
.amber-purple .bind-balance .balance-wrap .icon-color[data-v-007690ec] { position: absolute; right: 0.625rem; top: 0.625rem; color: var(--theme-color-800);
}
.amber-purple .bind-balance .balance-wrap .balance-content[data-v-007690ec] { font-size: var(--ep-font-size-s, 0.75rem); color: var(--color-text-100);
}
.amber-purple .bind-balance .balance-wrap .balance-amount[data-v-007690ec] { color: var(--color-currency); font-size: var(--ep-font-size-m, 0.875rem);
}
.amber-purple .bind-balance .balance-wrap .detail[data-v-007690ec] { position: absolute; right: 0.43rem; bottom: 0.43rem; color: var(--theme-color-800); font-size: var(--ep-font-size-xs, 0.625rem); cursor: pointer;
}
.amber-purple .bind-balance .balance-wrap .detail .detail-icon[data-v-007690ec] { color: var(--theme-color-800);
}

ion-button[data-v-430a360b] { --padding-top: 0.1875rem; --padding-bottom: 0.1875rem; --background: transparent; --background-activated: transparent; --background-hover: transparent; --background-focused: transparent; --box-shadow: none; min-height: 0;
}
ion-button[data-v-430a360b]::part(native) { --padding-start: 0.125rem; --padding-end: 0.25rem; background: transparent;
}
ion-button ion-icon[data-v-430a360b] { color: var(--color-text-title-basic);
}
.new-skin-symbol ion-button ion-icon[data-v-430a360b] { color: var(--ep-color-icon-default); font-size: var(--ep-font-size-xl) !important; font-weight: var(--ep-font-weight-medium);
}

.payment-apply[data-v-cdd696d3] { --c26e6816: 1rem; --v68e855a4: calc(1rem + env(safe-area-inset-bottom));
}
.with-bottom-tab[data-v-cdd696d3] { --c26e6816: calc(4.5rem + env(safe-area-inset-bottom)); --v68e855a4: calc(4.5rem + env(safe-area-inset-bottom));
}
.withdraw-remind[data-v-cdd696d3] { white-space: pre-line;
}
ion-toolbar[data-v-cdd696d3] .withdraw-back-icon { font-size: var(--font-size-back-button);
}

ion-content[data-v-cdd696d3] { --padding-bottom: var(--v68e855a4);
}
div.line[data-v-cdd696d3] { background: var(--color-line);
}

.btn-disabled[data-v-cdd696d3] { opacity: 0.5; pointer-events: none;
}
ion-item.submit[data-v-cdd696d3] { --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-cdd696d3] { 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-cdd696d3] { text-transform: none;
}
.submit-btn-warp[data-v-cdd696d3] { width: 17.5rem; margin: 1.25rem auto 0;
}
.auroral-yellow ion-item.submit[data-v-cdd696d3] { --background: var(--theme-color-800);
}
.auroral-yellow ion-item.submit ion-button[data-v-cdd696d3] { color: var(--color-text-black-100);
}

ion-modal.withdrawHint[data-v-cdd696d3] { --width: 19.375rem; --height: 10rem; --background: var(--color-bg-300); --border-radius: 0.5rem; color: var(--color-text-100);
}
ion-modal.withdrawHint.amber-purple[data-v-cdd696d3] { --background: var(--color-bg-100);
}
.btn-c[data-v-cdd696d3] { margin: 0.5rem auto; width: 100px;
}
.new-skin-symbol ion-modal.withdrawHint[data-v-cdd696d3] { --width: 19.375rem; --height: 10rem; --background: var(--ep-color-background-fill-surface-raised-L1); --border-radius: var(--ep-border-radius-l, 0.5rem); color: var(--ep-color-text-default);
}

#confirmModalWithdraw[data-v-cdd696d3] { --height: auto;
}
.pop-wrap[data-v-cdd696d3] { 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-cdd696d3] { line-height: 1.5rem; text-align: left; color: var(--color-text-80); font-size: var(--font-size-16); font-weight: var(--font-weight-bold);
}
.pop-wrap .withdraw[data-v-cdd696d3] { margin: 1.125rem 0 0.375rem; line-height: 1.125rem;
}
.pop-wrap .password-input[data-v-cdd696d3] { margin: 0.75rem 0 1.3125rem;
}
.pop-wrap .close[data-v-cdd696d3] { color: var(--color-text-40); font-size: var(--font-size-20); font-weight: var(--font-weight-regular); top: 0.875rem; right: 0.4375rem;
}
.pop-wrap .line[data-v-cdd696d3] { background: var(--line-color);
}
.pop-wrap .amuont[data-v-cdd696d3] { color: var(--color-currency); font-size: var(--font-size-20); font-weight: var(--font-weight-bold); line-height: 1.125rem; margin: 0.75rem 0 1.25rem;
}
.pop-wrap .amuont .sum[data-v-cdd696d3] { margin-left: 0.1875rem;
}
.pop-wrap .submit-btn[data-v-cdd696d3] { width: 60%; margin: 0.75rem auto 1.3125rem;
}
.pop-wrap .rate-type-text[data-v-cdd696d3] { color: var(--color-text-40); font-size: var(--font-size-12); font-weight: var(--font-weight-regular); display: flex; align-items: center; justify-content: space-between;
}
.pop-wrap .forgot-password[data-v-cdd696d3] { text-align: right; font-size: var(--ep-font-size-m, 0.875rem); cursor: pointer;
}
.blue-default .pop-wrap .title[data-v-cdd696d3], .blue-default .pop-wrap .withdraw[data-v-cdd696d3], .blue-default .pop-wrap .forgot-password[data-v-cdd696d3] { color: var(--color-text-gray-100);
}
.blue-default .pop-wrap .rate-type-text[data-v-cdd696d3] { color: var(--color-text-gray-200);
}
.amber-purple .pop-wrap[data-v-cdd696d3] { background-color: var(--color-bg-300);
}
.amber-purple .pop-wrap .title[data-v-cdd696d3] { color: var(--color-text-100);
}
.amber-purple .pop-wrap .withdraw[data-v-cdd696d3], .amber-purple .pop-wrap .forgot-password[data-v-cdd696d3], .amber-purple .pop-wrap .rate-type-text[data-v-cdd696d3] { color: var(--text-color-light-purple-2-100);
}
.auroral-yellow .pop-wrap .title[data-v-cdd696d3] { color: var(--color-text-100);
}
.auroral-yellow .pop-wrap .withdraw[data-v-cdd696d3], .auroral-yellow .pop-wrap .forgot-password[data-v-cdd696d3], .auroral-yellow .pop-wrap .rate-type-text[data-v-cdd696d3] { color: var(--color-text-gray-200);
}
.forest-green .pop-wrap .title[data-v-cdd696d3] { color: var(--color-text-100);
}
.forest-green .pop-wrap .withdraw[data-v-cdd696d3], .forest-green .pop-wrap .forgot-password[data-v-cdd696d3], .forest-green .pop-wrap .rate-type-text[data-v-cdd696d3] { color: var(--color-text-gray-200);
}
.new-skin-symbol .pop-wrap[data-v-cdd696d3] { width: 22.875rem; background: var(--ep-color-background-fill-surface-raised-L1); border-radius: var(--ep-border-radius-xl, 0.625rem); padding: 16px; box-sizing: border-box; margin: 8.375rem auto; position: relative; text-align: center;
}
.new-skin-symbol .pop-wrap .title[data-v-cdd696d3] { line-height: 1.5rem; 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-cdd696d3] { margin: 1.125rem 0 0.375rem; line-height: 1.125rem; color: var(--ep-color-text-weaker);
}
.new-skin-symbol .pop-wrap .password-input[data-v-cdd696d3] { margin: 0.75rem 0 1.3125rem;
}
.new-skin-symbol .pop-wrap .close[data-v-cdd696d3] { font-size: 1.25rem; top: 0.875rem; right: 0.4375rem; color: var(--ep-color-icon-default);
}
.new-skin-symbol .pop-wrap .line[data-v-cdd696d3] { background: var(--ep-color-border-default);
}
.new-skin-symbol .pop-wrap .amuont[data-v-cdd696d3] { font-weight: var(--ep-font-weight-bold, 700); font-size: var(--ep-font-size-xl, 1.125rem); line-height: 1.125rem; margin: 0.75rem 0 1.25rem; color: var(--ep-color-text-warning);
}
.new-skin-symbol .pop-wrap .amuont .sum[data-v-cdd696d3] { margin-left: 0.1875rem;
}
.new-skin-symbol .pop-wrap .submit-btn[data-v-cdd696d3] { width: 60%; margin: 0.75rem auto 1.3125rem;
}
.new-skin-symbol .pop-wrap .rate-type-text[data-v-cdd696d3] { font-size: var(--ep-font-size-s, 0.75rem); color: var(--ep-color-text-weaker); display: flex; align-items: center; justify-content: space-between;
}
.new-skin-symbol .pop-wrap .forgot-password[data-v-cdd696d3] { text-align: right; font-size: var(--ep-font-size-m, 0.875rem); color: var(--ep-color-text-weaker); cursor: pointer;
}

.yellow-dark .withdraw-balance[data-v-cdd696d3], .green-dark .withdraw-balance[data-v-cdd696d3], .amber-purple .withdraw-balance[data-v-cdd696d3] { margin: 0.5rem 0; font-size: var(--font-size-12);
}
.yellow-dark .withdraw-balance .withdraw-tip[data-v-cdd696d3], .green-dark .withdraw-balance .withdraw-tip[data-v-cdd696d3], .amber-purple .withdraw-balance .withdraw-tip[data-v-cdd696d3] { color: var(--color-text-40); line-height: 18px;
}
.yellow-dark .withdraw-balance .withdraw-tip .balance-w[data-v-cdd696d3], .green-dark .withdraw-balance .withdraw-tip .balance-w[data-v-cdd696d3], .amber-purple .withdraw-balance .withdraw-tip .balance-w[data-v-cdd696d3] { color: var(--color-text-100);
}
.yellow-dark .withdraw-balance .withdraw-tip .link-text[data-v-cdd696d3], .green-dark .withdraw-balance .withdraw-tip .link-text[data-v-cdd696d3], .amber-purple .withdraw-balance .withdraw-tip .link-text[data-v-cdd696d3] { color: var(--color-link); font-size: var(--font-size-12); font-weight: var(--font-weight-regular); cursor: pointer;
}
.yellow-dark .withdraw-balance .balance-wrap[data-v-cdd696d3], .green-dark .withdraw-balance .balance-wrap[data-v-cdd696d3], .amber-purple .withdraw-balance .balance-wrap[data-v-cdd696d3] { font-size: var(--font-size-12);
}
.yellow-dark .withdraw-balance .balance-wrap .account[data-v-cdd696d3], .green-dark .withdraw-balance .balance-wrap .account[data-v-cdd696d3], .amber-purple .withdraw-balance .balance-wrap .account[data-v-cdd696d3] { font-weight: var(--font-weight-bold); font-size: var(--font-size-12); color: var(--color-text-100);
}
.yellow-dark .withdraw-balance .balance-wrap .balance-w[data-v-cdd696d3], .green-dark .withdraw-balance .balance-wrap .balance-w[data-v-cdd696d3], .amber-purple .withdraw-balance .balance-wrap .balance-w[data-v-cdd696d3] { font-weight: var(--font-weight-bold); font-size: var(--font-size-12); color: var(--color-currency); margin-left: 0.5rem;
}
.yellow-dark .withdraw-balance .balance-wrap .balance-w .amount[data-v-cdd696d3], .green-dark .withdraw-balance .balance-wrap .balance-w .amount[data-v-cdd696d3], .amber-purple .withdraw-balance .balance-wrap .balance-w .amount[data-v-cdd696d3] { margin-left: 0.1875rem;
}
.purple-light .withdraw-balance[data-v-cdd696d3] { margin: 0.5rem 0; font-size: var(--font-size-12);
}
.purple-light .withdraw-balance .withdraw-tip[data-v-cdd696d3] { color: var(--color-text-80); line-height: 18px;
}
.purple-light .withdraw-balance .withdraw-tip .balance-w[data-v-cdd696d3] { color: var(--color-text-100);
}
.purple-light .withdraw-balance .withdraw-tip .link-text[data-v-cdd696d3] { color: var(--color-link); font-size: var(--font-size-12); font-weight: var(--font-weight-regular); cursor: pointer;
}
.purple-light .withdraw-balance .balance-wrap[data-v-cdd696d3] { font-size: var(--font-size-12);
}
.purple-light .withdraw-balance .balance-wrap .account[data-v-cdd696d3] { font-weight: var(--font-weight-bold); font-size: var(--font-size-12); color: var(--color-text-100);
}
.purple-light .withdraw-balance .balance-wrap .balance-w[data-v-cdd696d3] { font-weight: var(--font-weight-bold); font-size: var(--font-size-12); color: var(--color-currency); margin-left: 0.5rem;
}
.purple-light .withdraw-balance .balance-wrap .balance-w .amount[data-v-cdd696d3] { margin-left: 0.1875rem;
}
.blue-default .withdraw-balance[data-v-cdd696d3] { margin: 0.5rem 0; font-size: var(--font-size-12);
}
.blue-default .withdraw-balance .withdraw-tip[data-v-cdd696d3] { color: var(--color-text-40); line-height: 18px;
}
.blue-default .withdraw-balance .withdraw-tip .balance-w[data-v-cdd696d3] { color: var(--color-currency);
}
.blue-default .withdraw-balance .withdraw-tip .link-text[data-v-cdd696d3] { color: var(--color-link); font-size: var(--font-size-12); font-weight: var(--font-weight-regular); cursor: pointer;
}
.blue-default .withdraw-balance .balance-wrap[data-v-cdd696d3] { font-size: var(--font-size-12);
}
.blue-default .withdraw-balance .balance-wrap .account[data-v-cdd696d3] { font-weight: var(--font-weight-bold); font-size: var(--font-size-14); color: var(--color-text-100);
}
.blue-default .withdraw-balance .balance-wrap .balance-w[data-v-cdd696d3] { font-weight: var(--font-weight-bold); font-size: var(--font-size-14); color: var(--color-currency); margin-left: 0.5rem;
}
.blue-default .withdraw-balance .balance-wrap .balance-w .amount[data-v-cdd696d3] { margin-left: 0.1875rem;
}
.green-default .withdraw-balance[data-v-cdd696d3], .forest-green .withdraw-balance[data-v-cdd696d3] { margin: 0.5rem 0; font-size: var(--font-size-12);
}
.green-default .withdraw-balance .withdraw-tip[data-v-cdd696d3], .forest-green .withdraw-balance .withdraw-tip[data-v-cdd696d3] { color: var(--color-text-40); line-height: 18px;
}
.green-default .withdraw-balance .withdraw-tip .balance-w[data-v-cdd696d3], .forest-green .withdraw-balance .withdraw-tip .balance-w[data-v-cdd696d3] { color: var(--accent-color-yellow);
}
.green-default .withdraw-balance .withdraw-tip .link-text[data-v-cdd696d3], .forest-green .withdraw-balance .withdraw-tip .link-text[data-v-cdd696d3] { color: var(--color-link); font-size: var(--font-size-12); font-weight: var(--font-weight-regular); cursor: pointer;
}
.green-default .withdraw-balance .balance-wrap[data-v-cdd696d3], .forest-green .withdraw-balance .balance-wrap[data-v-cdd696d3] { font-size: var(--font-size-12);
}
.green-default .withdraw-balance .balance-wrap .account[data-v-cdd696d3], .forest-green .withdraw-balance .balance-wrap .account[data-v-cdd696d3] { font-weight: var(--font-weight-bold); font-size: var(--font-size-12); color: var(--color-text-100);
}
.green-default .withdraw-balance .balance-wrap .balance-w[data-v-cdd696d3], .forest-green .withdraw-balance .balance-wrap .balance-w[data-v-cdd696d3] { font-weight: var(--font-weight-bold); font-size: var(--font-size-12); color: var(--accent-color-yellow); margin-left: 0.5rem;
}
.green-default .withdraw-balance .balance-wrap .balance-w .amount[data-v-cdd696d3], .forest-green .withdraw-balance .balance-wrap .balance-w .amount[data-v-cdd696d3] { margin-left: 0.1875rem;
}
.auroral-yellow .withdraw-balance[data-v-cdd696d3] { margin: 0.5rem 0; font-size: var(--font-size-12);
}
.auroral-yellow .withdraw-balance .withdraw-tip[data-v-cdd696d3] { color: var(--color-text-40); line-height: 18px;
}
.auroral-yellow .withdraw-balance .withdraw-tip .balance-w[data-v-cdd696d3] { color: var(--accent-color-yellow-1);
}
.auroral-yellow .withdraw-balance .withdraw-tip .link-text[data-v-cdd696d3] { color: var(--color-link); font-size: var(--font-size-12); font-weight: var(--font-weight-regular); cursor: pointer;
}
.auroral-yellow .withdraw-balance .balance-wrap[data-v-cdd696d3] { font-size: var(--font-size-12);
}
.auroral-yellow .withdraw-balance .balance-wrap .account[data-v-cdd696d3] { font-weight: var(--font-weight-bold); font-size: var(--font-size-12); color: var(--color-text-100);
}
.auroral-yellow .withdraw-balance .balance-wrap .balance-w[data-v-cdd696d3] { font-weight: var(--font-weight-bold); font-size: var(--font-size-12); color: var(--accent-color-yellow-1); margin-left: 0.5rem;
}
.auroral-yellow .withdraw-balance .balance-wrap .balance-w .amount[data-v-cdd696d3] { margin-left: 0.1875rem;
}
.new-skin-symbol .withdraw-balance[data-v-cdd696d3] { margin: 0.5rem 0; font-size: var(--ep-font-size-s, 0.75rem);
}
.new-skin-symbol .withdraw-balance .withdraw-tip[data-v-cdd696d3] { color: var(--ep-color-text-weaker); line-height: 18px;
}
.new-skin-symbol .withdraw-balance .withdraw-tip .balance-w[data-v-cdd696d3] { color: var(--ep-color-text-default);
}
.new-skin-symbol .withdraw-balance .withdraw-tip .link-text[data-v-cdd696d3] { color: var(--ep-color-text-info); cursor: pointer;
}
.new-skin-symbol .withdraw-balance .balance-wrap[data-v-cdd696d3] { font-size: var(--ep-font-size-m, 0.875rem); font-weight: var(--ep-font-weight-medium, 500);
}
.new-skin-symbol .withdraw-balance .balance-wrap .account[data-v-cdd696d3] { color: var(--ep-color-text-default);
}
.new-skin-symbol .withdraw-balance .balance-wrap .balance-w[data-v-cdd696d3] { color: var(--ep-color-icon-warning); margin-left: 0.5rem;
}
.new-skin-symbol .withdraw-balance .balance-wrap .balance-w .amount[data-v-cdd696d3] { margin-left: 0.1875rem;
}

.new-skin-symbol .empty-account-card[data-v-cdd696d3] { 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, 0.375rem); border: 1px solid var(--ep-color-border-default);
}
.new-skin-symbol .empty-account-card .append-area[data-v-cdd696d3] { cursor: pointer;
}
.new-skin-symbol .empty-account-card .append-area .empty[data-v-cdd696d3] { width: 5.5rem; height: 4rem; margin-top: 0.875rem; margin-left: 1.3125rem;
}
.new-skin-symbol .empty-account-card .append-area .right-text[data-v-cdd696d3] { width: 13.75rem; margin-right: 0.5rem;
}
.new-skin-symbol .empty-account-card .append-area .right-text p[data-v-cdd696d3] { font-size: var(--ep-font-size-m, 0.875rem); color: var(--ep-color-text-default); line-height: 1.3125rem; margin-top: 0.375rem;
}
.new-skin-symbol .empty-account-card .append-area .right-text .append-text[data-v-cdd696d3] { float: right; height: 1.625rem; line-height: 1.5625rem; box-sizing: border-box; margin-top: 0.1875rem; padding: 0.25rem 0.4375rem 0.25rem 0.5rem; border-radius: var(--ep-border-radius-s, 0.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, 0.75rem); color: var(--ep-color-text-success);
}
.new-skin-symbol .empty-account-card .append-area .right-text .append-text .append[data-v-cdd696d3] { margin-right: 0.375rem; font-size: var(--ep-font-size-m, 0.875rem); color: var(--ep-color-icon-success);
}
.amber-purple .empty-account-card[data-v-cdd696d3] { 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, 0.375rem); border: 1px solid var(--color-line);
}
.amber-purple .empty-account-card .append-area[data-v-cdd696d3] { cursor: pointer;
}
.amber-purple .empty-account-card .append-area .empty[data-v-cdd696d3] { width: 5.5rem; height: 4rem; margin-top: 0.875rem; margin-left: 1.3125rem;
}
.amber-purple .empty-account-card .append-area .right-text[data-v-cdd696d3] { width: 13.75rem; margin-right: 0.5rem;
}
.amber-purple .empty-account-card .append-area .right-text p[data-v-cdd696d3] { font-size: var(--ep-font-size-m, 0.875rem); color: var(--color-text-100); line-height: 1.3125rem; margin-top: 0.375rem;
}
.amber-purple .empty-account-card .append-area .right-text .append-text[data-v-cdd696d3] { float: right; height: 1.625rem; line-height: 1.5625rem; box-sizing: border-box; margin-top: 0.1875rem; padding: 0.25rem 0.4375rem 0.25rem 0.5rem; border-radius: var(--ep-border-radius-s, 0.25rem); background: var(--color-bg-100); font-weight: var(--ep-font-weight-bold, 700); font-size: var(--ep-font-size-s, 0.75rem); color: var(--text-color-white-100);
}
.amber-purple .empty-account-card .append-area .right-text .append-text .append[data-v-cdd696d3] { margin-right: 0.375rem; font-size: var(--ep-font-size-m, 0.875rem); color: var(--Gradients-orange-purple);
}
.amber-purple .bind-account .append-area .right-text .append-text .text[data-v-cdd696d3] { background: var(--Gradients-orange-purple); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.purple-light .empty-account-card[data-v-cdd696d3], .green-dark .empty-account-card[data-v-cdd696d3], .yellow-dark .empty-account-card[data-v-cdd696d3] { 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, 0.375rem); border: 1px solid var(--color-line);
}
.purple-light .empty-account-card .append-area[data-v-cdd696d3], .green-dark .empty-account-card .append-area[data-v-cdd696d3], .yellow-dark .empty-account-card .append-area[data-v-cdd696d3] { cursor: pointer;
}
.purple-light .empty-account-card .append-area .empty[data-v-cdd696d3], .green-dark .empty-account-card .append-area .empty[data-v-cdd696d3], .yellow-dark .empty-account-card .append-area .empty[data-v-cdd696d3] { width: 5.5rem; height: 4rem; margin-top: 0.875rem; margin-left: 1.3125rem;
}
.purple-light .empty-account-card .append-area .right-text[data-v-cdd696d3], .green-dark .empty-account-card .append-area .right-text[data-v-cdd696d3], .yellow-dark .empty-account-card .append-area .right-text[data-v-cdd696d3] { width: 13.75rem; margin-right: 0.5rem;
}
.purple-light .empty-account-card .append-area .right-text p[data-v-cdd696d3], .green-dark .empty-account-card .append-area .right-text p[data-v-cdd696d3], .yellow-dark .empty-account-card .append-area .right-text p[data-v-cdd696d3] { font-size: var(--ep-font-size-m, 0.875rem); color: var(--color-text-100); line-height: 1.3125rem; margin-top: 0.375rem;
}
.purple-light .empty-account-card .append-area .right-text .append-text[data-v-cdd696d3], .green-dark .empty-account-card .append-area .right-text .append-text[data-v-cdd696d3], .yellow-dark .empty-account-card .append-area .right-text .append-text[data-v-cdd696d3] { float: right; height: 1.625rem; line-height: 1.5625rem; box-sizing: border-box; margin-top: 0.1875rem; padding: 0.25rem 0.4375rem 0.25rem 0.5rem; border-radius: var(--ep-border-radius-s, 0.25rem); background: var(--color-bg-100); font-weight: var(--ep-font-weight-bold, 700); font-size: var(--ep-font-size-s, 0.75rem); color: var(--color-success);
}
.purple-light .empty-account-card .append-area .right-text .append-text .append[data-v-cdd696d3], .green-dark .empty-account-card .append-area .right-text .append-text .append[data-v-cdd696d3], .yellow-dark .empty-account-card .append-area .right-text .append-text .append[data-v-cdd696d3] { margin-right: 0.375rem; font-size: var(--ep-font-size-m, 0.875rem); color: var(--color-success);
}
.auroral-yellow .empty-account-card[data-v-cdd696d3] { 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, 0.375rem); border: 1px solid var(--color-line);
}
.auroral-yellow .empty-account-card .append-area[data-v-cdd696d3] { cursor: pointer;
}
.auroral-yellow .empty-account-card .append-area .empty[data-v-cdd696d3] { width: 5.5rem; height: 4rem; margin-top: 0.875rem; margin-left: 1.3125rem;
}
.auroral-yellow .empty-account-card .append-area .right-text[data-v-cdd696d3] { width: 13.75rem; margin-right: 0.5rem;
}
.auroral-yellow .empty-account-card .append-area .right-text p[data-v-cdd696d3] { font-size: var(--ep-font-size-m, 0.875rem); color: var(--color-text-100); line-height: 1.3125rem; margin-top: 0.375rem;
}
.auroral-yellow .empty-account-card .append-area .right-text .append-text[data-v-cdd696d3] { float: right; height: 1.625rem; line-height: 1.5625rem; box-sizing: border-box; margin-top: 0.1875rem; padding: 0.25rem 0.4375rem 0.25rem 0.5rem; border-radius: var(--ep-border-radius-s, 0.25rem); background: var(--color-bg-100); font-weight: var(--ep-font-weight-bold, 700); font-size: var(--ep-font-size-s, 0.75rem); color: var(--theme-color-800-2);
}
.auroral-yellow .empty-account-card .append-area .right-text .append-text .append[data-v-cdd696d3] { margin-right: 0.375rem; font-size: var(--ep-font-size-m, 0.875rem); color: var(--theme-color-800-2);
}
.green-default .empty-account-card[data-v-cdd696d3] { 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, 0.375rem); border: 1px solid var(--color-line);
}
.green-default .empty-account-card .append-area[data-v-cdd696d3] { cursor: pointer;
}
.green-default .empty-account-card .append-area .empty[data-v-cdd696d3] { width: 5.5rem; height: 4rem; margin-top: 0.875rem; margin-left: 1.3125rem;
}
.green-default .empty-account-card .append-area .right-text[data-v-cdd696d3] { width: 13.75rem; margin-right: 0.5rem;
}
.green-default .empty-account-card .append-area .right-text p[data-v-cdd696d3] { font-size: var(--ep-font-size-m, 0.875rem); color: var(--color-text-100); line-height: 1.3125rem; margin-top: 0.375rem;
}
.green-default .empty-account-card .append-area .right-text .append-text[data-v-cdd696d3] { float: right; height: 1.625rem; line-height: 1.5625rem; box-sizing: border-box; margin-top: 0.1875rem; padding: 0.25rem 0.4375rem 0.25rem 0.5rem; border-radius: var(--ep-border-radius-s, 0.25rem); background: var(--color-bg-100); font-weight: var(--ep-font-weight-bold, 700); font-size: var(--ep-font-size-s, 0.75rem); color: var(--accent-color-yellow);
}
.green-default .empty-account-card .append-area .right-text .append-text .append[data-v-cdd696d3] { margin-right: 0.375rem; font-size: var(--ep-font-size-m, 0.875rem); color: var(--accent-color-yellow);
}
.forest-green .empty-account-card[data-v-cdd696d3], .blue-default .empty-account-card[data-v-cdd696d3] { 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, 0.375rem); border: 1px solid var(--color-line);
}
.forest-green .empty-account-card .append-area[data-v-cdd696d3], .blue-default .empty-account-card .append-area[data-v-cdd696d3] { cursor: pointer;
}
.forest-green .empty-account-card .append-area .empty[data-v-cdd696d3], .blue-default .empty-account-card .append-area .empty[data-v-cdd696d3] { width: 5.5rem; height: 4rem; margin-top: 0.875rem; margin-left: 1.3125rem;
}
.forest-green .empty-account-card .append-area .right-text[data-v-cdd696d3], .blue-default .empty-account-card .append-area .right-text[data-v-cdd696d3] { width: 13.75rem; margin-right: 0.5rem;
}
.forest-green .empty-account-card .append-area .right-text p[data-v-cdd696d3], .blue-default .empty-account-card .append-area .right-text p[data-v-cdd696d3] { font-size: var(--ep-font-size-m, 0.875rem); color: var(--color-text-100); line-height: 1.3125rem; margin-top: 0.375rem;
}
.forest-green .empty-account-card .append-area .right-text .append-text[data-v-cdd696d3], .blue-default .empty-account-card .append-area .right-text .append-text[data-v-cdd696d3] { float: right; height: 1.625rem; line-height: 1.5625rem; box-sizing: border-box; margin-top: 0.1875rem; padding: 0.25rem 0.4375rem 0.25rem 0.5rem; border-radius: var(--ep-border-radius-s, 0.25rem); background: var(--color-bg-100); font-weight: var(--ep-font-weight-bold, 700); font-size: var(--ep-font-size-s, 0.75rem); color: var(--color-success);
}
.forest-green .empty-account-card .append-area .right-text .append-text .append[data-v-cdd696d3], .blue-default .empty-account-card .append-area .right-text .append-text .append[data-v-cdd696d3] { margin-right: 0.375rem; font-size: var(--ep-font-size-m, 0.875rem); color: var(--color-success);
}
.green-default .bind-title[data-v-cdd696d3], .yellow-dark .bind-title[data-v-cdd696d3], .forest-green .bind-title[data-v-cdd696d3], .green-dark .bind-title[data-v-cdd696d3], .purple-light .bind-title[data-v-cdd696d3] { width: 22.375rem; margin: 1.3125rem auto 0.75rem; color: var(--color-text-100); font-weight: var(--ep-font-weight-bold, 700); font-size: var(--ep-font-size-s, 0.75rem); line-height: 1.125rem; box-sizing: border-box; padding: 0 0.75rem;
}
.green-default .bind-title .my-account[data-v-cdd696d3], .yellow-dark .bind-title .my-account[data-v-cdd696d3], .forest-green .bind-title .my-account[data-v-cdd696d3], .green-dark .bind-title .my-account[data-v-cdd696d3], .purple-light .bind-title .my-account[data-v-cdd696d3] { cursor: pointer; color: var(--color-link);
}
.green-default .bind-account .m-b[data-v-cdd696d3], .yellow-dark .bind-account .m-b[data-v-cdd696d3], .forest-green .bind-account .m-b[data-v-cdd696d3], .green-dark .bind-account .m-b[data-v-cdd696d3], .purple-light .bind-account .m-b[data-v-cdd696d3] { margin-bottom: 1.0625rem;
}
.green-default .bind-account ion-icon.ok-icon[data-v-cdd696d3], .yellow-dark .bind-account ion-icon.ok-icon[data-v-cdd696d3], .forest-green .bind-account ion-icon.ok-icon[data-v-cdd696d3], .green-dark .bind-account ion-icon.ok-icon[data-v-cdd696d3], .purple-light .bind-account ion-icon.ok-icon[data-v-cdd696d3] { color: var(--theme-color-800);
}
.auroral-yellow .bind-title[data-v-cdd696d3] { width: 22.375rem; margin: 1.3125rem auto 0.75rem; color: var(--color-text-100); font-weight: var(--ep-font-weight-bold, 700); font-size: var(--ep-font-size-s, 0.75rem); line-height: 1.125rem; box-sizing: border-box; padding: 0 0.75rem;
}
.auroral-yellow .bind-title .my-account[data-v-cdd696d3] { cursor: pointer; color: var(--color-link);
}
.auroral-yellow .bind-account .m-b[data-v-cdd696d3] { margin-bottom: 1.0625rem;
}
.auroral-yellow .bind-account ion-icon.ok-icon[data-v-cdd696d3] { color: var(--color-text-white-100);
}
.amber-purple .bind-title[data-v-cdd696d3] { width: 22.375rem; margin: 1.3125rem auto 0.75rem; color: var(--color-text-100); font-weight: var(--ep-font-weight-bold, 700); font-size: var(--ep-font-size-s, 0.75rem); line-height: 1.125rem; box-sizing: border-box; padding: 0 0.75rem;
}
.amber-purple .bind-title .my-account[data-v-cdd696d3] { cursor: pointer; color: var(--color-link);
}
.amber-purple .bind-account .m-b[data-v-cdd696d3] { margin-bottom: 1.0625rem;
}
.amber-purple .bind-account ion-icon.ok-icon[data-v-cdd696d3] { color: var(--color-text-gray-100);
}
.blue-default .bind-title[data-v-cdd696d3] { width: 22.375rem; margin: 1.3125rem auto 0.75rem; color: var(--color-text-100); font-weight: var(--ep-font-weight-bold, 700); font-size: var(--ep-font-size-s, 0.75rem); line-height: 1.125rem; box-sizing: border-box; padding: 0 0.75rem;
}
.blue-default .bind-title .my-account[data-v-cdd696d3] { cursor: pointer; color: var(--theme-color-500);
}
.blue-default .bind-account .m-b[data-v-cdd696d3] { margin-bottom: 1.0625rem;
}
.blue-default .bind-account ion-icon.ok-icon[data-v-cdd696d3] { color: var(--theme-color-500);
}
.new-skin-symbol .bind-title[data-v-cdd696d3] { width: 22.375rem; margin: 1.3125rem auto 0.75rem; color: var(--ep-color-text-default); font-weight: var(--ep-font-weight-bold, 700); font-size: var(--ep-font-size-s, 0.75rem); line-height: 1.125rem; box-sizing: border-box; padding: 0 0.75rem;
}
.new-skin-symbol .bind-title .my-account[data-v-cdd696d3] { cursor: pointer; color: var(--ep-color-text-info);
}
.new-skin-symbol .bind-account .m-b[data-v-cdd696d3] { margin-bottom: 1.0625rem;
}
.new-skin-symbol .bind-account ion-icon.ok-icon[data-v-cdd696d3] { color: var(--ep-color-icon-selected);
}

.language-options[data-v-7737216f] { padding: 1rem; display: flex; flex-direction: column;
}

    /* 源退出弹窗 data-v-4ba17018：按内容居中，并保留当前默认皮肤的按钮顺序与配色。 */
ion-modal#profile-modal-logout[data-v-7737216f] { --width: fit-content; --height: fit-content; background: var(--color-bg-mask-black);
}
.logout-modal[data-v-7737216f] { min-height: 10rem; border-radius: 0.625rem; padding: 1.0625rem 0.875rem 0.875rem; background: var(--color-bg-700);
}
.logout-modal-title[data-v-7737216f] { font-size: 1.125rem; font-weight: 700; text-align: center; line-height: 1.6875rem; margin-bottom: 1.7188rem; color: var(--color-text-100);
}
.logout-modal-message[data-v-7737216f] { font-size: 0.875rem; font-weight: 400; text-align: center; line-height: 1.3125rem; margin-bottom: 2.0313rem; color: var(--color-text-40);
}
.logout-modal-btn[data-v-7737216f] { display: flex; align-items: center;
}
ion-button.logout-modal-btn-left[data-v-7737216f], ion-button.logout-modal-btn-right[data-v-7737216f] { font-size: 0.875rem; font-weight: 700; --border-radius: 0.375rem; min-width: 9.4375rem; min-height: 0; height: 3.0625rem; --background-hover: none; --background-focused: none; --background-activated: none; --color: var(--color-text-100);
}
ion-button.logout-modal-btn-left[data-v-7737216f] { margin-right: 0.625rem; --background: var(--theme-color-gradient-100);
}
ion-button.logout-modal-btn-right[data-v-7737216f] { --background: var(--color-bg-700);
}
ion-button.logout-modal-btn-left[data-v-7737216f]::part(native) { border: 1px solid var(--theme-color-gradient-100);
}
ion-button.logout-modal-btn-right[data-v-7737216f]::part(native) { border: 1px solid var(--theme-color-900);
}

ion-content[data-v-7737216f] { height: calc(100vh-14.359vw); overflow-y: auto; font-size: 0.75rem; line-height: 1rem; --space-y: 0.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-7737216f] { width: 100%; padding: 0.875rem 0.625rem; border-radius: 0.5rem;
}
ion-content .user .top[data-v-7737216f] { display: flex;
}
ion-content .user .top .messsage[data-v-7737216f] { flex: 1; display: flex; flex-direction: column; justify-content: space-between; font-size: 0.875rem; line-height: 1.25rem; margin-left: 0.625rem; margin-right: 0.625rem;
}
ion-content .user .top .messsage .Id[data-v-7737216f] { display: flex; align-items: flex-end;
}
ion-content .user .top .messsage .Id ion-icon[data-v-7737216f] { font-size: 1.25rem; margin-left: 0.125rem;
}
ion-content .user .top .messsage .level[data-v-7737216f] { position: relative; width: 2.1875rem; height: 2.1875rem; margin-left: 0.25rem; transform: translateY(0.3125rem);
}
ion-content .user .top .messsage .level div[data-v-7737216f] { top: 0.6875rem; left: 0.75rem; width: 1.875rem; font-size: 0.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-7737216f] { position: relative; width: 1.75rem;
}
ion-content .user .top .email .email-icon[data-v-7737216f] { font-size: 1.6rem;
}
ion-content .user .top .email p[data-v-7737216f] { position: absolute; width: 0.75rem; height: 0.75rem; background-color: red; font-size: 0.5rem; line-height: 0.75rem; top: 0; right: 0; text-align: center; border-radius: 50%;
}
ion-content .user .bottom[data-v-7737216f] { margin-top: 1.25rem;
}
ion-content .user .bottom ion-col div[data-v-7737216f] { display: flex; align-items: center; justify-content: center; padding-top: 0.5rem; padding-bottom: 0.5rem; border-radius: 0.375rem;
}
ion-content .user .bottom ion-col div ion-icon[data-v-7737216f] { font-size: 1.5rem; margin-right: 0.625rem;
}
ion-content .vip[data-v-7737216f] { width: 100%; padding: 0.875rem 0.625rem; border-radius: 0.5rem; font-size: 0.625rem;
}
ion-content .vip .top[data-v-7737216f] { display: flex; align-items: center;
}
ion-content .vip .top .left[data-v-7737216f] { position: relative; width: 4rem;
}
ion-content .vip .top .left ion-img[data-v-7737216f] { top: -1.5625rem; left: 0.625rem; width: 3.375rem; position: absolute;
}
ion-content .vip .top .left div[data-v-7737216f] { left: 2.375rem; width: 1.875rem; font-size: 0.6rem; text-align: center; font-weight: 700; display: flex; align-items: center; justify-content: center; position: absolute;
}
ion-content .vip .top .right[data-v-7737216f] { text-align: center; margin-left: 1rem; padding-top: 0.75rem; flex: 1;
}
ion-content .vip .top .right .level[data-v-7737216f] { display: flex; align-items: center; justify-content: space-between;
}
ion-content .vip .top .right .level .chevron-forward[data-v-7737216f] { font-size: 1rem;
}
ion-content .vip .bottom[data-v-7737216f] { margin-top: 0.75rem; margin-bottom: 0.75rem;
}
ion-content .vip .bottom .line[data-v-7737216f] { display: flex; align-items: center;
}
ion-content .vip .bottom .line .left[data-v-7737216f] { width: 20%; text-align: center;
}
ion-content .vip .bottom .line .right[data-v-7737216f] { width: 80%; height: 1rem;
}
ion-content .vip .bottom .line .right .progress[data-v-7737216f] { position: relative;
}
ion-content .vip .bottom .line .right .progress ion-progress-bar[data-v-7737216f] { position: absolute; height: 1rem;
}
ion-content .vip .bottom .line .right .progress div[data-v-7737216f] { color: #fff; transform: translate(-50%); left: 50%; position: absolute;
}
ion-content .vip .bottom[data-v-7737216f] > * + * { margin-top: 0.75rem;
}
ion-content .option[data-v-7737216f] { width: 100%; padding-left: 1rem; border-radius: 0.5rem;
}
ion-content .option ion-item[data-v-7737216f] { font-size: 0.75rem; position: relative;
}
ion-content .option ion-item .left[data-v-7737216f] { display: flex; align-items: center;
}
ion-content .option ion-item .left ion-img[data-v-7737216f] { width: 1.875rem; margin-right: 0.625rem;
}
ion-content .option ion-item .middle[data-v-7737216f] { width: 100%; display: flex; justify-content: flex-end;
}
ion-content .option ion-item .middle ion-label[data-v-7737216f] { flex: 2.5; text-align: right; font-size: 0.625rem; max-width: 13rem;
}
ion-content .option ion-item p.unRead[data-v-7737216f] { font-size: 0.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-7737216f] > * + * { margin-top: 0.875rem;
}
.avatar[data-v-7737216f] { --size: 4.75rem; --border-radius: 0.5rem;
}
ion-progress-bar[data-v-7737216f] { border-radius: 1rem; --progress-background: linear-gradient(359deg, #fa9a21 1.02%, #f8da9d 89.77%);
}
.progress-text[data-v-7737216f] { text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
}
ion-item[data-v-7737216f] { --min-height: 0; --padding-end: 0; --padding-top: 0.75rem; --padding-bottom: 0.75rem; --padding-start: 0; --background: transparent;
}
ion-item[data-v-7737216f]::part(detail-icon) { opacity: 1;
}
.animate-refresh[data-v-7737216f] { animation: rotation-faf71b0d-7737216f 0.5s infinite linear;
}
@keyframes rotation-faf71b0d-7737216f {
0% { transform: rotate(0);
}
to { transform: rotate(359deg);
}
}
ion-modal#profile-modal-language[data-v-7737216f] { --width: fit-content; --height: fit-content; --border-radius: 0.375rem; --box-shadow: 0 1.75rem 3rem rgba(0, 0, 0, 0.4);
}
ion-content .user .top .email .email-icon[data-v-7737216f] { color: var(--theme-color-500);
}
ion-content .user .bottom ion-col div.left[data-v-7737216f] { background: var(--color-border-600);
}
ion-content .user .bottom ion-col div.right[data-v-7737216f] { 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-7737216f] { color: var(--color-text-white-100);
}
.card-bg-gradient[data-v-7737216f] { background: var(--theme-color-gradient-300);
}
.user-base-color[data-v-7737216f] { color: var(--color-text-white-100);
}
.user-base-color ion-icon[data-v-7737216f] { color: var(--color-text-white-100);
}
.user-id[data-v-7737216f], .user-account[data-v-7737216f] { color: var(--color-text-white-100);
}
ion-icon.chevron-forward[data-v-7737216f] { color: var(--color-text-gray-300);
}
ion-progress-bar[data-v-7737216f] { --background: var(--color-bg-600);
}
.progress-text[data-v-7737216f] { color: var(--color-text-white-100);
}
.invite-text[data-v-7737216f] { color: var(--color-text-gray-100);
}
ion-item[data-v-7737216f]::part(detail-icon) { color: var(--my-chevron-forward-color);
}
.enter-withdraw-text[data-v-7737216f] { color: var(--my-enter-withdraw-text-color);
}
.important-text[data-v-7737216f] { color: var(--money-text-color);
}
ion-content .vip .bottom .line .right .progress div[data-v-7737216f] { color: var(--color-text-white-100);
}
.blue-default ion-content .user .top .email .email-icon[data-v-7737216f] { color: #fff;
}
.blue-default ion-content .user .bottom ion-col div.left[data-v-7737216f] { background: var(--color-border-600);
}
.blue-default ion-content .user .bottom ion-col div.right[data-v-7737216f] { 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-7737216f] { color: var(--color-text-white-100);
}
.blue-default .card-bg-gradient[data-v-7737216f] { background: var(--theme-color-gradient-300);
}
.blue-default .user-base-color[data-v-7737216f] { color: var(--color-text-white-100);
}
.blue-default .user-base-color ion-icon[data-v-7737216f] { color: var(--color-text-white-100);
}
.blue-default .user-id[data-v-7737216f], .blue-default .user-account[data-v-7737216f] { color: var(--color-text-white-100);
}
.blue-default ion-icon.chevron-forward[data-v-7737216f] { color: var(--color-text-gray-300);
}
.blue-default ion-progress-bar[data-v-7737216f] { --background: var(--color-bg-600);
}
.blue-default .progress-text[data-v-7737216f] { color: var(--color-text-white-100);
}
.blue-default .invite-text[data-v-7737216f] { color: var(--color-text-gray-100);
}
.blue-default ion-item[data-v-7737216f]::part(detail-icon) { color: var(--my-chevron-forward-color);
}
.blue-default .enter-withdraw-text[data-v-7737216f] { color: var(--my-enter-withdraw-text-color);
}
.blue-default .important-text[data-v-7737216f] { color: var(--money-text-color);
}
.blue-default ion-content .vip .bottom .line .right .progress div[data-v-7737216f] { color: var(--color-text-white-100);
}
.green-default ion-content .user .top .email .email-icon[data-v-7737216f] { color: var(--theme-color-500);
}
.green-default ion-content .user .bottom ion-col div.left[data-v-7737216f] { background: var(--theme-color-gradient-100);
}
.green-default ion-content .user .bottom ion-col div.right[data-v-7737216f] { 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-7737216f] { color: var(--color-text-white-100);
}
.green-default .card-bg-gradient[data-v-7737216f] { background: var(--color-bg-200);
}
.green-default .user-base-color[data-v-7737216f] { color: var(--color-text-gray-100);
}
.green-default .user-base-color ion-icon[data-v-7737216f] { color: var(--color-text-gray-200);
}
.green-default .user-id[data-v-7737216f], .green-default .user-account[data-v-7737216f] { color: var(--color-text-gray-200);
}
.green-default ion-icon.chevron-forward[data-v-7737216f] { color: var(--color-text-gray-200);
}
.green-default ion-progress-bar[data-v-7737216f] { --background: var(--color-bg-100);
}
.green-default .progress-text[data-v-7737216f], .green-default .invite-text[data-v-7737216f] { color: var(--color-text-gray-100);
}
.green-default ion-item[data-v-7737216f]::part(detail-icon) { color: var(--color-text-gray-200);
}
.green-default .enter-withdraw-text[data-v-7737216f] { color: var(--color-text-white-100);
}
.green-default .important-text[data-v-7737216f] { color: var(--accent-color-yellow);
}
.green-default ion-content .vip .bottom .line .right .progress div[data-v-7737216f] { color: var(--color-text-white-100);
}
.amber-purple ion-content .user .top .email .email-icon[data-v-7737216f] { color: var(--theme-color-500);
}
.amber-purple ion-content .user .bottom ion-col div.left[data-v-7737216f] { background: var(--theme-color-gradient-300);
}
.amber-purple ion-content .user .bottom ion-col div.right[data-v-7737216f] { 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-7737216f] { color: var(--color-text-white-100);
}
.amber-purple .card-bg-gradient[data-v-7737216f] { background: var(--color-bg-200);
}
.amber-purple .user-base-color[data-v-7737216f] { color: var(--color-text-gray-100);
}
.amber-purple .user-base-color ion-icon[data-v-7737216f] { color: var(--color-text-gray-200);
}
.amber-purple .user-id[data-v-7737216f], .amber-purple .user-account[data-v-7737216f] { color: var(--color-text-gray-200);
}
.amber-purple ion-icon.chevron-forward[data-v-7737216f] { color: var(--color-text-gray-200);
}
.amber-purple ion-progress-bar[data-v-7737216f] { --background: var(--color-bg-100);
}
.amber-purple .progress-text[data-v-7737216f], .amber-purple .invite-text[data-v-7737216f] { color: var(--color-text-gray-100);
}
.amber-purple ion-item[data-v-7737216f]::part(detail-icon) { color: var(--color-text-gray-200);
}
.amber-purple .enter-withdraw-text[data-v-7737216f] { color: var(--color-text-white-100);
}
.amber-purple .important-text[data-v-7737216f] { color: var(--accent-color-yellow);
}
.amber-purple ion-content .vip .bottom .line .right .progress div[data-v-7737216f] { color: var(--color-text-white-100);
}
.forest-green ion-content .user .top .email .email-icon[data-v-7737216f] { color: var(--color-text-gray-200);
}
.forest-green ion-content .user .bottom ion-col div.left[data-v-7737216f] { background: var(--theme-color-gradient-100);
}
.forest-green ion-content .user .bottom ion-col div.right[data-v-7737216f] { 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-7737216f] { color: var(--color-text-white-100);
}
.forest-green .card-bg-gradient[data-v-7737216f] { background: var(--color-bg-200);
}
.forest-green .user-base-color[data-v-7737216f] { color: var(--color-text-gray-100);
}
.forest-green .user-base-color ion-icon[data-v-7737216f] { color: var(--color-text-gray-200);
}
.forest-green .user-id[data-v-7737216f], .forest-green .user-account[data-v-7737216f] { color: var(--color-text-gray-200);
}
.forest-green ion-icon.chevron-forward[data-v-7737216f] { color: var(--color-text-gray-200);
}
.forest-green ion-progress-bar[data-v-7737216f] { --background: var(--color-bg-100);
}
.forest-green .progress-text[data-v-7737216f], .forest-green .invite-text[data-v-7737216f] { color: var(--color-text-gray-100);
}
.forest-green ion-item[data-v-7737216f]::part(detail-icon) { color: var(--color-text-gray-200);
}
.forest-green .enter-withdraw-text[data-v-7737216f] { color: var(--color-text-white-100);
}
.forest-green .important-text[data-v-7737216f] { color: var(--accent-color-yellow);
}
.forest-green ion-content .vip .bottom .line .right .progress div[data-v-7737216f] { color: var(--color-text-white-100);
}
.auroral-yellow ion-content .user .top .email .email-icon[data-v-7737216f] { color: var(--color-text-gray-200);
}
.auroral-yellow ion-content .user .bottom ion-col div.left[data-v-7737216f] { background: var(--color-bg-100);
}
.auroral-yellow ion-content .user .bottom ion-col div.right[data-v-7737216f] { 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-7737216f] { color: var(--color-text-black-100);
}
.auroral-yellow .card-bg-gradient[data-v-7737216f] { background: var(--color-bg-200);
}
.auroral-yellow .user-base-color[data-v-7737216f] { color: var(--color-text-gray-100);
}
.auroral-yellow .user-base-color ion-icon[data-v-7737216f] { color: var(--color-text-gray-200);
}
.auroral-yellow .user-id[data-v-7737216f], .auroral-yellow .user-account[data-v-7737216f] { color: var(--color-text-gray-200);
}
.auroral-yellow ion-icon.chevron-forward[data-v-7737216f] { color: var(--color-text-gray-200);
}
.auroral-yellow ion-progress-bar[data-v-7737216f] { --background: var(--color-bg-100);
}
.auroral-yellow .progress-text[data-v-7737216f], .auroral-yellow .invite-text[data-v-7737216f] { color: var(--color-text-gray-100);
}
.auroral-yellow ion-item[data-v-7737216f]::part(detail-icon) { color: var(--color-text-gray-200);
}
.auroral-yellow .enter-withdraw-text[data-v-7737216f] { color: var(--color-text-white-100);
}
.auroral-yellow .important-text[data-v-7737216f] { color: var(--accent-color-yellow-1);
}
.auroral-yellow ion-content .vip .bottom .line .right .progress div[data-v-7737216f] { color: var(--color-text-white-100);
}

.money-color[data-v-7737216f] { display: flex; align-items: center; font-size: 1.25rem;
}
.money-color .balance-wrapper[data-v-7737216f] { position: relative; overflow: hidden; margin-right: 0.5rem;
}
.money-color .balance-placeholder[data-v-7737216f] { opacity: 0;
}
.money-color .balance-display[data-v-7737216f] { position: absolute; left: 0; top: 0; white-space: nowrap;
}
.money-color > span[data-v-7737216f] { margin-right: 0.75rem;
}
.money-color ion-icon[data-v-7737216f] { font-size: 1.5rem; transform: rotate(30deg);
}
.money-color[data-v-7737216f], .blue-default .money-color[data-v-7737216f] { color: var(--color-text-white-100);
}
.green-default .money-color[data-v-7737216f], .amber-purple .money-color[data-v-7737216f], .forest-green .money-color[data-v-7737216f] { color: var(--color-text-gray-100);
}

[data-v-79a25be7] .back-icon { font-size: var(--font-size-back-button);
}

.blue-default .search-container[data-v-79a25be7] { display: flex; flex-flow: column; --color-text-title-basic: #fff; --ep-color-background-fill-body-default: var(--ion-background-color);
}
.blue-default .search-container .ion-no-border[data-v-79a25be7] { background: var(--ep-color-background-fill-body-default);
}
.blue-default .search-container .ion-no-border ion-toolbar[data-v-79a25be7] { --min-height: 3.125rem; --background: var(--ep-color-background-fill-top-nav-secondary); --border-color: #1a233e;
}
.blue-default .search-container .ion-no-border ion-toolbar[data-v-79a25be7]:first-child { box-shadow: 0 4px 28.4px rgba(0, 0, 0, 0.1);
}
.blue-default .search-container .ion-no-border ion-title[data-v-79a25be7] { font-weight: var(--ep-font-weight-medium, 600); color: #fff;
}
.blue-default .search-container .ion-no-border .toolbar-search[data-v-79a25be7] { --background: transparent; margin-top: 0.375rem;
}
.blue-default .search-container .ion-no-border .toolbar-search #searchbar[data-v-79a25be7] { --color: #fff; --placeholder-color: #6d788e; caret-color: #116fcd; --background: #101629; --box-shadow: 0 0 0 0.0625rem #1a233e, 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.12); border: 0.5rem solid transparent; border-radius: 0.25rem; padding: 0;
}
.blue-default .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-79a25be7] { 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-79a25be7] { position: absolute; z-index: 10; right: 1.25rem; font-size: 1.25rem; color: #fff;
}
.blue-default .search-container ion-segment[data-v-79a25be7] { display: flex; justify-content: left; padding: 0.375rem 0.625rem 0; border-bottom: 0.0625rem solid #1a233e;
}
.blue-default .search-container ion-segment ion-segment-button[data-v-79a25be7] { --indicator-height: 0.125rem; --padding-start: 0.375rem; --padding-end: 0.375rem; --padding-top: 0.125rem; --padding-bottom: 0.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-79a25be7]::part(indicator) { width: 80%; margin-left: auto; margin-right: auto;
}
.blue-default .search-container ion-segment ion-segment-button .tab[data-v-79a25be7] { text-transform: none; min-height: 0; margin-top: 0; margin-bottom: 0; --padding-top: 0; --padding-bottom: 0.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-79a25be7] { align-self: end;
}
.blue-default .search-container ion-segment ion-segment-button .tab .tab-img[data-v-79a25be7] { width: 1.25rem;
}
.blue-default .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-79a25be7] { font-size: 1rem; margin-right: 0.3rem;
}
.blue-default .search-container ion-segment .segment-button-checked[data-v-79a25be7] { font-weight: 700;
}
.blue-default .search-container ion-segment .segment-button-checked.md[data-v-79a25be7]::part(indicator) { width: unset; font-size: 0.875rem;
}
.blue-default .search-container ion-segment .segment-button-checked .tab[data-v-79a25be7] { font-weight: 700; color: #fff;
}
.blue-default .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-79a25be7] { color: #38a8fa;
}
.blue-default .search-container .game-box[data-v-79a25be7] { --ion-grid-padding: 0.25rem;
}
.blue-default .search-container .game-box ion-col[data-v-79a25be7] { --ion-grid-column-padding: 0.25rem;
}
.blue-default .search-container .game-box .empty[data-v-79a25be7] { 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: 0.75rem;
}
.blue-default .search-container .game-box .empty .empty-bg-game[data-v-79a25be7] { width: 10rem; height: 10rem; color: #fff;
}
.blue-default .search-container .game-box .empty .tip[data-v-79a25be7] { font-family: Saira; font-size: 0.875rem; font-weight: 500; text-align: center; color: #6d788e;
}
.blue-default .search-container[data-v-79a25be7] { --ep-color-background-fill-top-nav-secondary: #101629;
}
.blue-default ion-segment ion-segment-button[data-v-79a25be7] { margin-bottom: -0.0625rem;
}
.blue-default ion-segment ion-segment-button .tab[data-v-79a25be7] { font-weight: 400;
}
.green-default .search-container[data-v-79a25be7] { display: flex; flex-flow: column; --color-text-title-basic: #afc69f; --ep-color-background-fill-body-default: var(--ion-background-color);
}
.green-default .search-container .ion-no-border[data-v-79a25be7] { background: var(--ep-color-background-fill-body-default);
}
.green-default .search-container .ion-no-border ion-toolbar[data-v-79a25be7] { --min-height: 3.125rem; --background: var(--ep-color-background-fill-top-nav-secondary); --border-color: #34571d;
}
.green-default .search-container .ion-no-border ion-toolbar[data-v-79a25be7]:first-child { box-shadow: 0 4px 28.4px rgba(0, 0, 0, 0.1);
}
.green-default .search-container .ion-no-border ion-title[data-v-79a25be7] { font-weight: var(--ep-font-weight-medium, 600); color: #afc69f;
}
.green-default .search-container .ion-no-border .toolbar-search[data-v-79a25be7] { --background: transparent; margin-top: 0.375rem;
}
.green-default .search-container .ion-no-border .toolbar-search #searchbar[data-v-79a25be7] { --color: #afc69f; --placeholder-color: #7e9071; caret-color: #3e9b2f; --background: #183009; --box-shadow: 0 0 0 0.0625rem #34571d, 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.12); border: 0.5rem solid transparent; border-radius: 0.25rem; padding: 0;
}
.green-default .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-79a25be7] { 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-79a25be7] { position: absolute; z-index: 10; right: 1.25rem; font-size: 1.25rem; color: #afc69f;
}
.green-default .search-container ion-segment[data-v-79a25be7] { display: flex; justify-content: left; padding: 0.375rem 0.625rem 0; border-bottom: 0.0625rem solid #34571d;
}
.green-default .search-container ion-segment ion-segment-button[data-v-79a25be7] { --indicator-height: 0.125rem; --padding-start: 0.375rem; --padding-end: 0.375rem; --padding-top: 0.125rem; --padding-bottom: 0.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-79a25be7]::part(indicator) { width: 80%; margin-left: auto; margin-right: auto;
}
.green-default .search-container ion-segment ion-segment-button .tab[data-v-79a25be7] { text-transform: none; min-height: 0; margin-top: 0; margin-bottom: 0; --padding-top: 0; --padding-bottom: 0.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-79a25be7] { align-self: end;
}
.green-default .search-container ion-segment ion-segment-button .tab .tab-img[data-v-79a25be7] { width: 1.25rem;
}
.green-default .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-79a25be7] { font-size: 1rem; margin-right: 0.3rem;
}
.green-default .search-container ion-segment .segment-button-checked[data-v-79a25be7] { font-weight: 700;
}
.green-default .search-container ion-segment .segment-button-checked.md[data-v-79a25be7]::part(indicator) { width: unset; font-size: 0.875rem;
}
.green-default .search-container ion-segment .segment-button-checked .tab[data-v-79a25be7] { font-weight: 700; color: #afc69f;
}
.green-default .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-79a25be7] { color: #feb805;
}
.green-default .search-container .game-box[data-v-79a25be7] { --ion-grid-padding: 0.25rem;
}
.green-default .search-container .game-box ion-col[data-v-79a25be7] { --ion-grid-column-padding: 0.25rem;
}
.green-default .search-container .game-box .empty[data-v-79a25be7] { 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: 0.75rem;
}
.green-default .search-container .game-box .empty .empty-bg-game[data-v-79a25be7] { width: 10rem; height: 10rem; color: #afc69f;
}
.green-default .search-container .game-box .empty .tip[data-v-79a25be7] { font-family: Saira; font-size: 0.875rem; font-weight: 500; text-align: center; color: #7e9071;
}
.green-default .search-container[data-v-79a25be7] { --ep-color-background-fill-top-nav-secondary: #2b4f14;
}
.green-default ion-segment ion-segment-button[data-v-79a25be7] { margin-bottom: -0.0625rem;
}
.green-default ion-segment ion-segment-button .tab[data-v-79a25be7] { font-weight: 400;
}
.forest-green .search-container[data-v-79a25be7] { display: flex; flex-flow: column; --color-text-title-basic: var(--text-color1); --ep-color-background-fill-body-default: var(--ion-background-color);
}
.forest-green .search-container .ion-no-border[data-v-79a25be7] { background: var(--ep-color-background-fill-body-default);
}
.forest-green .search-container .ion-no-border ion-toolbar[data-v-79a25be7] { --min-height: 3.125rem; --background: var(--ep-color-background-fill-top-nav-secondary); --border-color: var(--line-color);
}
.forest-green .search-container .ion-no-border ion-toolbar[data-v-79a25be7]:first-child { box-shadow: 0 4px 28.4px rgba(0, 0, 0, 0.1);
}
.forest-green .search-container .ion-no-border ion-title[data-v-79a25be7] { font-weight: var(--ep-font-weight-medium, 600); color: var(--text-color1);
}
.forest-green .search-container .ion-no-border .toolbar-search[data-v-79a25be7] { --background: transparent; margin-top: 0.375rem;
}
.forest-green .search-container .ion-no-border .toolbar-search #searchbar[data-v-79a25be7] { --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 0.0625rem var(--line-color), 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.12); border: 0.5rem solid transparent; border-radius: 0.25rem; padding: 0;
}
.forest-green .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-79a25be7] { 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-79a25be7] { position: absolute; z-index: 10; right: 1.25rem; font-size: 1.25rem; color: var(--text-color1);
}
.forest-green .search-container ion-segment[data-v-79a25be7] { display: flex; justify-content: left; padding: 0.375rem 0.625rem 0; border-bottom: 0.0625rem solid var(--line-color);
}
.forest-green .search-container ion-segment ion-segment-button[data-v-79a25be7] { --indicator-height: 0.125rem; --padding-start: 0.375rem; --padding-end: 0.375rem; --padding-top: 0.125rem; --padding-bottom: 0.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-79a25be7]::part(indicator) { width: 80%; margin-left: auto; margin-right: auto;
}
.forest-green .search-container ion-segment ion-segment-button .tab[data-v-79a25be7] { text-transform: none; min-height: 0; margin-top: 0; margin-bottom: 0; --padding-top: 0; --padding-bottom: 0.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-79a25be7] { align-self: end;
}
.forest-green .search-container ion-segment ion-segment-button .tab .tab-img[data-v-79a25be7] { width: 1.25rem;
}
.forest-green .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-79a25be7] { font-size: 1rem; margin-right: 0.3rem;
}
.forest-green .search-container ion-segment .segment-button-checked[data-v-79a25be7] { font-weight: 700;
}
.forest-green .search-container ion-segment .segment-button-checked.md[data-v-79a25be7]::part(indicator) { width: unset; font-size: 0.875rem;
}
.forest-green .search-container ion-segment .segment-button-checked .tab[data-v-79a25be7] { font-weight: 700; color: var(--text-color1);
}
.forest-green .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-79a25be7] { color: #feb805;
}
.forest-green .search-container .game-box[data-v-79a25be7] { --ion-grid-padding: 0.25rem;
}
.forest-green .search-container .game-box ion-col[data-v-79a25be7] { --ion-grid-column-padding: 0.25rem;
}
.forest-green .search-container .game-box .empty[data-v-79a25be7] { 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: 0.75rem;
}
.forest-green .search-container .game-box .empty .empty-bg-game[data-v-79a25be7] { width: 10rem; height: 10rem; color: var(--text-color1);
}
.forest-green .search-container .game-box .empty .tip[data-v-79a25be7] { font-family: Saira; font-size: 0.875rem; font-weight: 500; text-align: center; color: var(--text-color2);
}
.forest-green .search-container[data-v-79a25be7] { --ep-color-background-fill-top-nav-secondary: #00563a;
}
.forest-green ion-segment ion-segment-button[data-v-79a25be7] { margin-bottom: -0.0625rem;
}
.forest-green ion-segment ion-segment-button .tab[data-v-79a25be7] { font-weight: 400;
}
.amber-purple .search-container[data-v-79a25be7] { display: flex; flex-flow: column; --color-text-title-basic: #bdb8e1; --ep-color-background-fill-body-default: var(--ion-background-color);
}
.amber-purple .search-container .ion-no-border[data-v-79a25be7] { background: var(--ep-color-background-fill-body-default);
}
.amber-purple .search-container .ion-no-border ion-toolbar[data-v-79a25be7] { --min-height: 3.125rem; --background: var(--ep-color-background-fill-top-nav-secondary); --border-color: #5f588c;
}
.amber-purple .search-container .ion-no-border ion-toolbar[data-v-79a25be7]:first-child { box-shadow: 0 4px 28.4px rgba(0, 0, 0, 0.1);
}
.amber-purple .search-container .ion-no-border ion-title[data-v-79a25be7] { font-weight: var(--ep-font-weight-medium, 600); color: #bdb8e1;
}
.amber-purple .search-container .ion-no-border .toolbar-search[data-v-79a25be7] { --background: transparent; margin-top: 0.375rem;
}
.amber-purple .search-container .ion-no-border .toolbar-search #searchbar[data-v-79a25be7] { --color: #bdb8e1; --placeholder-color: #686299; caret-color: #7041f3; --background: #252141; --box-shadow: 0 0 0 0.0625rem #5f588c, 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.12); border: 0.5rem solid transparent; border-radius: 0.25rem; padding: 0;
}
.amber-purple .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-79a25be7] { 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-79a25be7] { position: absolute; z-index: 10; right: 1.25rem; font-size: 1.25rem; color: #bdb8e1;
}
.amber-purple .search-container ion-segment[data-v-79a25be7] { display: flex; justify-content: left; padding: 0.375rem 0.625rem 0; border-bottom: 0.0625rem solid #5f588c;
}
.amber-purple .search-container ion-segment ion-segment-button[data-v-79a25be7] { --indicator-height: 0.125rem; --padding-start: 0.375rem; --padding-end: 0.375rem; --padding-top: 0.125rem; --padding-bottom: 0.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-79a25be7]::part(indicator) { width: 80%; margin-left: auto; margin-right: auto;
}
.amber-purple .search-container ion-segment ion-segment-button .tab[data-v-79a25be7] { text-transform: none; min-height: 0; margin-top: 0; margin-bottom: 0; --padding-top: 0; --padding-bottom: 0.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-79a25be7] { align-self: end;
}
.amber-purple .search-container ion-segment ion-segment-button .tab .tab-img[data-v-79a25be7] { width: 1.25rem;
}
.amber-purple .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-79a25be7] { font-size: 1rem; margin-right: 0.3rem;
}
.amber-purple .search-container ion-segment .segment-button-checked[data-v-79a25be7] { font-weight: 700;
}
.amber-purple .search-container ion-segment .segment-button-checked.md[data-v-79a25be7]::part(indicator) { width: unset; font-size: 0.875rem;
}
.amber-purple .search-container ion-segment .segment-button-checked .tab[data-v-79a25be7] { font-weight: 700; color: #bdb8e1;
}
.amber-purple .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-79a25be7] { color: #7041f3;
}
.amber-purple .search-container .game-box[data-v-79a25be7] { --ion-grid-padding: 0.25rem;
}
.amber-purple .search-container .game-box ion-col[data-v-79a25be7] { --ion-grid-column-padding: 0.25rem;
}
.amber-purple .search-container .game-box .empty[data-v-79a25be7] { 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: 0.75rem;
}
.amber-purple .search-container .game-box .empty .empty-bg-game[data-v-79a25be7] { width: 10rem; height: 10rem; color: #bdb8e1;
}
.amber-purple .search-container .game-box .empty .tip[data-v-79a25be7] { font-family: Saira; font-size: 0.875rem; font-weight: 500; text-align: center; color: #686299;
}
.amber-purple .search-container[data-v-79a25be7] { --ep-color-background-fill-top-nav-secondary: #2c294d;
}
.amber-purple .search-container .container[data-v-79a25be7]::part(background) { background: transparent;
}
.amber-purple .search-container .container ion-segment[data-v-79a25be7] { border-bottom: none;
}
.amber-purple .search-container .container ion-segment ion-segment-button[data-v-79a25be7] { margin-bottom: -0.0625rem;
}
.amber-purple .search-container .container ion-segment ion-segment-button .tab[data-v-79a25be7] { font-weight: 400;
}
.green-dark .search-container[data-v-79a25be7] { display: flex; flex-flow: column; --color-text-title-basic: #fff; --ep-color-background-fill-body-default: var(--ion-background-color);
}
.green-dark .search-container .ion-no-border[data-v-79a25be7] { background: var(--ep-color-background-fill-body-default);
}
.green-dark .search-container .ion-no-border ion-toolbar[data-v-79a25be7] { --min-height: 3.125rem; --background: var(--ep-color-background-fill-top-nav-secondary); --border-color: #3b424e;
}
.green-dark .search-container .ion-no-border ion-toolbar[data-v-79a25be7]:first-child { box-shadow: 0 4px 28.4px rgba(0, 0, 0, 0.1);
}
.green-dark .search-container .ion-no-border ion-title[data-v-79a25be7] { font-weight: var(--ep-font-weight-medium, 600); color: #fff;
}
.green-dark .search-container .ion-no-border .toolbar-search[data-v-79a25be7] { --background: transparent; margin-top: 0.375rem;
}
.green-dark .search-container .ion-no-border .toolbar-search #searchbar[data-v-79a25be7] { --color: #fff; --placeholder-color: #fff6; caret-color: #3e9b2f; --background: #16191d; --box-shadow: 0 0 0 0.0625rem #3b424e, 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.12); border: 0.5rem solid transparent; border-radius: 0.25rem; padding: 0;
}
.green-dark .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-79a25be7] { 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-79a25be7] { position: absolute; z-index: 10; right: 1.25rem; font-size: 1.25rem; color: #fff;
}
.green-dark .search-container ion-segment[data-v-79a25be7] { display: flex; justify-content: left; padding: 0.375rem 0.625rem 0; border-bottom: 0.0625rem solid #3b424e;
}
.green-dark .search-container ion-segment ion-segment-button[data-v-79a25be7] { --indicator-height: 0.125rem; --padding-start: 0.375rem; --padding-end: 0.375rem; --padding-top: 0.125rem; --padding-bottom: 0.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-79a25be7]::part(indicator) { width: 80%; margin-left: auto; margin-right: auto;
}
.green-dark .search-container ion-segment ion-segment-button .tab[data-v-79a25be7] { text-transform: none; min-height: 0; margin-top: 0; margin-bottom: 0; --padding-top: 0; --padding-bottom: 0.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, 0.4);
}
.green-dark .search-container ion-segment ion-segment-button .tab .text[data-v-79a25be7] { align-self: end;
}
.green-dark .search-container ion-segment ion-segment-button .tab .tab-img[data-v-79a25be7] { width: 1.25rem;
}
.green-dark .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-79a25be7] { font-size: 1rem; margin-right: 0.3rem;
}
.green-dark .search-container ion-segment .segment-button-checked[data-v-79a25be7] { font-weight: 700;
}
.green-dark .search-container ion-segment .segment-button-checked.md[data-v-79a25be7]::part(indicator) { width: unset; font-size: 0.875rem;
}
.green-dark .search-container ion-segment .segment-button-checked .tab[data-v-79a25be7] { font-weight: 700; color: #fff;
}
.green-dark .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-79a25be7] { color: #3e9b2f;
}
.green-dark .search-container .game-box[data-v-79a25be7] { --ion-grid-padding: 0.25rem;
}
.green-dark .search-container .game-box ion-col[data-v-79a25be7] { --ion-grid-column-padding: 0.25rem;
}
.green-dark .search-container .game-box .empty[data-v-79a25be7] { 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: 0.75rem;
}
.green-dark .search-container .game-box .empty .empty-bg-game[data-v-79a25be7] { width: 10rem; height: 10rem; color: #fff;
}
.green-dark .search-container .game-box .empty .tip[data-v-79a25be7] { font-family: Saira; font-size: 0.875rem; font-weight: 500; text-align: center; color: rgba(255, 255, 255, 0.4);
}
.green-dark .search-container[data-v-79a25be7] { --ep-color-background-fill-top-nav-secondary: #22262e;
}
.green-dark ion-segment ion-segment-button[data-v-79a25be7] { margin-bottom: -0.0625rem;
}
.green-dark ion-segment ion-segment-button .tab[data-v-79a25be7] { font-weight: 400;
}
.yellow-dark .search-container[data-v-79a25be7] { display: flex; flex-flow: column; --color-text-title-basic: #fff; --ep-color-background-fill-body-default: var(--ion-background-color);
}
.yellow-dark .search-container .ion-no-border[data-v-79a25be7] { background: var(--ep-color-background-fill-body-default);
}
.yellow-dark .search-container .ion-no-border ion-toolbar[data-v-79a25be7] { --min-height: 3.125rem; --background: var(--ep-color-background-fill-top-nav-secondary); --border-color: #2e2d2c;
}
.yellow-dark .search-container .ion-no-border ion-toolbar[data-v-79a25be7]:first-child { box-shadow: 0 4px 28.4px rgba(0, 0, 0, 0.1);
}
.yellow-dark .search-container .ion-no-border ion-title[data-v-79a25be7] { font-weight: var(--ep-font-weight-medium, 600); color: #fff;
}
.yellow-dark .search-container .ion-no-border .toolbar-search[data-v-79a25be7] { --background: transparent; margin-top: 0.375rem;
}
.yellow-dark .search-container .ion-no-border .toolbar-search #searchbar[data-v-79a25be7] { --color: #fff; --placeholder-color: #fff6; caret-color: #feb805; --background: #181816; --box-shadow: 0 0 0 0.0625rem #2e2d2c, 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.12); border: 0.5rem solid transparent; border-radius: 0.25rem; padding: 0;
}
.yellow-dark .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-79a25be7] { 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-79a25be7] { position: absolute; z-index: 10; right: 1.25rem; font-size: 1.25rem; color: #fff;
}
.yellow-dark .search-container ion-segment[data-v-79a25be7] { display: flex; justify-content: left; padding: 0.375rem 0.625rem 0; border-bottom: 0.0625rem solid #2e2d2c;
}
.yellow-dark .search-container ion-segment ion-segment-button[data-v-79a25be7] { --indicator-height: 0.125rem; --padding-start: 0.375rem; --padding-end: 0.375rem; --padding-top: 0.125rem; --padding-bottom: 0.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-79a25be7]::part(indicator) { width: 80%; margin-left: auto; margin-right: auto;
}
.yellow-dark .search-container ion-segment ion-segment-button .tab[data-v-79a25be7] { text-transform: none; min-height: 0; margin-top: 0; margin-bottom: 0; --padding-top: 0; --padding-bottom: 0.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, 0.4);
}
.yellow-dark .search-container ion-segment ion-segment-button .tab .text[data-v-79a25be7] { align-self: end;
}
.yellow-dark .search-container ion-segment ion-segment-button .tab .tab-img[data-v-79a25be7] { width: 1.25rem;
}
.yellow-dark .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-79a25be7] { font-size: 1rem; margin-right: 0.3rem;
}
.yellow-dark .search-container ion-segment .segment-button-checked[data-v-79a25be7] { font-weight: 700;
}
.yellow-dark .search-container ion-segment .segment-button-checked.md[data-v-79a25be7]::part(indicator) { width: unset; font-size: 0.875rem;
}
.yellow-dark .search-container ion-segment .segment-button-checked .tab[data-v-79a25be7] { font-weight: 700; color: #fff;
}
.yellow-dark .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-79a25be7] { color: #feb805;
}
.yellow-dark .search-container .game-box[data-v-79a25be7] { --ion-grid-padding: 0.25rem;
}
.yellow-dark .search-container .game-box ion-col[data-v-79a25be7] { --ion-grid-column-padding: 0.25rem;
}
.yellow-dark .search-container .game-box .empty[data-v-79a25be7] { 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: 0.75rem;
}
.yellow-dark .search-container .game-box .empty .empty-bg-game[data-v-79a25be7] { width: 10rem; height: 10rem; color: #fff;
}
.yellow-dark .search-container .game-box .empty .tip[data-v-79a25be7] { font-family: Saira; font-size: 0.875rem; font-weight: 500; text-align: center; color: rgba(255, 255, 255, 0.4);
}
.yellow-dark .search-container[data-v-79a25be7] { --ep-color-background-fill-top-nav-secondary: #262624;
}
.yellow-dark ion-segment ion-segment-button[data-v-79a25be7] { margin-bottom: -0.0625rem;
}
.yellow-dark ion-segment ion-segment-button .tab[data-v-79a25be7] { font-weight: 400;
}
.purple-light .search-container[data-v-79a25be7] { display: flex; flex-flow: column; --color-text-title-basic: #fff; --ep-color-background-fill-body-default: var(--ion-background-color);
}
.purple-light .search-container .ion-no-border[data-v-79a25be7] { background: var(--ep-color-background-fill-body-default);
}
.purple-light .search-container .ion-no-border ion-toolbar[data-v-79a25be7] { --min-height: 3.125rem; --background: var(--ep-color-background-fill-top-nav-secondary); --border-color: #dbc9ff;
}
.purple-light .search-container .ion-no-border ion-toolbar[data-v-79a25be7]:first-child { box-shadow: 0 4px 28.4px rgba(0, 0, 0, 0.1);
}
.purple-light .search-container .ion-no-border ion-title[data-v-79a25be7] { font-weight: var(--ep-font-weight-medium, 600); color: #fff;
}
.purple-light .search-container .ion-no-border .toolbar-search[data-v-79a25be7] { --background: transparent; margin-top: 0.375rem;
}
.purple-light .search-container .ion-no-border .toolbar-search #searchbar[data-v-79a25be7] { --color: #403d4f; --placeholder-color: #403d4f80; caret-color: #6526db; --background: #e0d0ff; --box-shadow: none; border: 0.5rem solid transparent; border-radius: 0.25rem; padding: 0;
}
.purple-light .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-79a25be7] { 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-79a25be7] { position: absolute; z-index: 10; right: 1.25rem; font-size: 1.25rem; color: #403d4f;
}
.purple-light .search-container ion-segment[data-v-79a25be7] { display: flex; justify-content: left; padding: 0.375rem 0.625rem 0; border-bottom: 0.0625rem solid #dbc9ff;
}
.purple-light .search-container ion-segment ion-segment-button[data-v-79a25be7] { --indicator-height: 0.125rem; --padding-start: 0.375rem; --padding-end: 0.375rem; --padding-top: 0.125rem; --padding-bottom: 0.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-79a25be7]::part(indicator) { width: 80%; margin-left: auto; margin-right: auto;
}
.purple-light .search-container ion-segment ion-segment-button .tab[data-v-79a25be7] { text-transform: none; min-height: 0; margin-top: 0; margin-bottom: 0; --padding-top: 0; --padding-bottom: 0.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, 0.5);
}
.purple-light .search-container ion-segment ion-segment-button .tab .text[data-v-79a25be7] { align-self: end;
}
.purple-light .search-container ion-segment ion-segment-button .tab .tab-img[data-v-79a25be7] { width: 1.25rem;
}
.purple-light .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-79a25be7] { font-size: 1rem; margin-right: 0.3rem;
}
.purple-light .search-container ion-segment .segment-button-checked[data-v-79a25be7] { font-weight: 700;
}
.purple-light .search-container ion-segment .segment-button-checked.md[data-v-79a25be7]::part(indicator) { width: unset; font-size: 0.875rem;
}
.purple-light .search-container ion-segment .segment-button-checked .tab[data-v-79a25be7] { font-weight: 700; color: #403d4f;
}
.purple-light .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-79a25be7] { color: #6526db;
}
.purple-light .search-container .game-box[data-v-79a25be7] { --ion-grid-padding: 0.25rem;
}
.purple-light .search-container .game-box ion-col[data-v-79a25be7] { --ion-grid-column-padding: 0.25rem;
}
.purple-light .search-container .game-box .empty[data-v-79a25be7] { 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: 0.75rem;
}
.purple-light .search-container .game-box .empty .empty-bg-game[data-v-79a25be7] { width: 10rem; height: 10rem; color: #403d4f;
}
.purple-light .search-container .game-box .empty .tip[data-v-79a25be7] { font-family: Saira; font-size: 0.875rem; font-weight: 500; text-align: center; color: rgba(64, 61, 79, 0.5);
}
.purple-light .search-container[data-v-79a25be7] { --ep-color-background-fill-top-nav-secondary: #6526db;
}
.purple-light ion-segment ion-segment-button[data-v-79a25be7] { margin-bottom: -0.0625rem;
}
.purple-light ion-segment ion-segment-button .tab[data-v-79a25be7] { font-weight: 400;
}
.auroral-yellow .search-container[data-v-79a25be7] { display: flex; flex-flow: column; --color-text-title-basic: #fff; --ep-color-background-fill-body-default: var(--ion-background-color);
}
.auroral-yellow .search-container .ion-no-border[data-v-79a25be7] { background: var(--ep-color-background-fill-body-default);
}
.auroral-yellow .search-container .ion-no-border ion-toolbar[data-v-79a25be7] { --min-height: 3.125rem; --background: var(--ep-color-background-fill-top-nav-secondary); --border-color: var(--line-color);
}
.auroral-yellow .search-container .ion-no-border ion-toolbar[data-v-79a25be7]:first-child { box-shadow: 0 4px 28.4px rgba(0, 0, 0, 0.1);
}
.auroral-yellow .search-container .ion-no-border ion-title[data-v-79a25be7] { font-weight: var(--ep-font-weight-medium, 600); color: #fff;
}
.auroral-yellow .search-container .ion-no-border .toolbar-search[data-v-79a25be7] { --background: transparent; margin-top: 0.375rem;
}
.auroral-yellow .search-container .ion-no-border .toolbar-search #searchbar[data-v-79a25be7] { --color: #fff; --placeholder-color: var(--text-color2); caret-color: var(--theme-color-800); --background: var(--color-bg-400); --box-shadow: 0 0 0 0.0625rem var(--line-color), 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.12); border: 0.5rem solid transparent; border-radius: 0.25rem; padding: 0;
}
.auroral-yellow .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-79a25be7] { 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-79a25be7] { position: absolute; z-index: 10; right: 1.25rem; font-size: 1.25rem; color: #fff;
}
.auroral-yellow .search-container ion-segment[data-v-79a25be7] { display: flex; justify-content: left; padding: 0.375rem 0.625rem 0; border-bottom: 0.0625rem solid var(--line-color);
}
.auroral-yellow .search-container ion-segment ion-segment-button[data-v-79a25be7] { --indicator-height: 0.125rem; --padding-start: 0.375rem; --padding-end: 0.375rem; --padding-top: 0.125rem; --padding-bottom: 0.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-79a25be7]::part(indicator) { width: 80%; margin-left: auto; margin-right: auto;
}
.auroral-yellow .search-container ion-segment ion-segment-button .tab[data-v-79a25be7] { text-transform: none; min-height: 0; margin-top: 0; margin-bottom: 0; --padding-top: 0; --padding-bottom: 0.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-79a25be7] { align-self: end;
}
.auroral-yellow .search-container ion-segment ion-segment-button .tab .tab-img[data-v-79a25be7] { width: 1.25rem;
}
.auroral-yellow .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-79a25be7] { font-size: 1rem; margin-right: 0.3rem;
}
.auroral-yellow .search-container ion-segment .segment-button-checked[data-v-79a25be7] { font-weight: 700;
}
.auroral-yellow .search-container ion-segment .segment-button-checked.md[data-v-79a25be7]::part(indicator) { width: unset; font-size: 0.875rem;
}
.auroral-yellow .search-container ion-segment .segment-button-checked .tab[data-v-79a25be7] { font-weight: 700; color: #fff;
}
.auroral-yellow .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-79a25be7] { color: #7041f3;
}
.auroral-yellow .search-container .game-box[data-v-79a25be7] { --ion-grid-padding: 0.25rem;
}
.auroral-yellow .search-container .game-box ion-col[data-v-79a25be7] { --ion-grid-column-padding: 0.25rem;
}
.auroral-yellow .search-container .game-box .empty[data-v-79a25be7] { 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: 0.75rem;
}
.auroral-yellow .search-container .game-box .empty .empty-bg-game[data-v-79a25be7] { width: 10rem; height: 10rem; color: #fff;
}
.auroral-yellow .search-container .game-box .empty .tip[data-v-79a25be7] { font-family: Saira; font-size: 0.875rem; font-weight: 500; text-align: center; color: var(--text-color2);
}
.auroral-yellow .search-container[data-v-79a25be7] { --ep-color-background-fill-top-nav-secondary: #24221f;
}
.new-skin-symbol .search-container[data-v-79a25be7] { display: flex; flex-flow: column; --color-text-title-basic: var(--ep-color-text-default); --ep-color-background-fill-body-default: var(--ion-background-color);
}
.new-skin-symbol .search-container .ion-no-border[data-v-79a25be7] { background: var(--ep-color-background-fill-body-default);
}
.new-skin-symbol .search-container .ion-no-border ion-toolbar[data-v-79a25be7] { --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-toolbar[data-v-79a25be7]:first-child { box-shadow: 0 4px 28.4px rgba(0, 0, 0, 0.1);
}
.new-skin-symbol .search-container .ion-no-border ion-title[data-v-79a25be7] { 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-79a25be7] { --background: transparent; margin-top: 0.375rem;
}
.new-skin-symbol .search-container .ion-no-border .toolbar-search #searchbar[data-v-79a25be7] { --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, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border: 0.5rem solid transparent; border-radius: 0.25rem; padding: 0;
}
.new-skin-symbol .search-container .ion-no-border .toolbar-search #searchbar ion-spinner[data-v-79a25be7] { 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-79a25be7] { 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-79a25be7] { display: flex; justify-content: left; padding: 0.375rem 0.625rem 0; border-bottom: 0.0625rem solid var(--ep-color-border-default);
}
.new-skin-symbol .search-container ion-segment ion-segment-button[data-v-79a25be7] { --indicator-height: 0.125rem; --padding-start: 0.375rem; --padding-end: 0.375rem; --padding-top: 0.125rem; --padding-bottom: 0.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-79a25be7]::part(indicator) { width: 80%; margin-left: auto; margin-right: auto;
}
.new-skin-symbol .search-container ion-segment ion-segment-button .tab[data-v-79a25be7] { text-transform: none; min-height: 0; margin-top: 0; margin-bottom: 0; --padding-top: 0; --padding-bottom: 0.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-79a25be7] { align-self: end;
}
.new-skin-symbol .search-container ion-segment ion-segment-button .tab .tab-img[data-v-79a25be7] { width: 1.25rem;
}
.new-skin-symbol .search-container ion-segment ion-segment-button .tab .tab-icon[data-v-79a25be7] { font-size: 1rem; margin-right: 0.3rem;
}
.new-skin-symbol .search-container ion-segment .segment-button-checked[data-v-79a25be7] { font-weight: 700;
}
.new-skin-symbol .search-container ion-segment .segment-button-checked.md[data-v-79a25be7]::part(indicator) { width: unset; font-size: 0.875rem;
}
.new-skin-symbol .search-container ion-segment .segment-button-checked .tab[data-v-79a25be7] { font-weight: 700; color: var(--ep-color-text-selected);
}
.new-skin-symbol .search-container ion-segment .segment-button-checked .tab .tab-icon[data-v-79a25be7] { color: var(--ep-color-icon-selected);
}
.new-skin-symbol .search-container .game-box[data-v-79a25be7] { --ion-grid-padding: 0.25rem;
}
.new-skin-symbol .search-container .game-box ion-col[data-v-79a25be7] { --ion-grid-column-padding: 0.25rem;
}
.new-skin-symbol .search-container .game-box .empty[data-v-79a25be7] { 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: 0.75rem;
}
.new-skin-symbol .search-container .game-box .empty .empty-bg-game[data-v-79a25be7] { width: 10rem; height: 10rem; color: var(--ep-color-icon-weaker);
}
.new-skin-symbol .search-container .game-box .empty .tip[data-v-79a25be7] { font-family: Saira; font-size: 0.875rem; font-weight: 500; text-align: center; color: var(--ep-color-text-weaker);
}
.sports-card[data-v-79a25be7] { width: 22.875rem; height: 7.5rem; margin: 0 auto; border-radius: var(--ep-border-radius-surface-default, 14px); overflow: hidden;
}

.game-page[data-v-f261576b] { --background: #000; background: #000; overflow: hidden;
}
iframe[data-v-f261576b] { width: 100%; height: 100%; border: 0; background-color: transparent; margin: auto;
}
.draggable-box[data-v-f261576b] { position: absolute; cursor: pointer; z-index: 30; overflow: hidden; touch-action: none; user-select: none; padding: 0; color: inherit; font: inherit; 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, 0.6); border: 0.0625rem solid rgba(255, 255, 255, 0.8); box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.16);
}
.draggable-box ion-icon[data-v-f261576b] { font-size: 1.5rem;
}
.draggable-box .label[data-v-f261576b] { font-size: 0.75rem; font-weight: 500; line-height: 1.2;
}

.order-error[data-v-9859cc34] { color: var(--color-danger); font-size: 0.75rem; text-align: center;
}
.transfer-wrap button[data-v-9859cc34]:disabled { opacity: 0.5; cursor: default;
}

.new-skin-symbol #modal-assets-order[data-v-9859cc34] { --height: auto;
}
.new-skin-symbol .transfer-wrap[data-v-9859cc34] { width: 22.875rem; background: var(--ep-color-background-fill-body-default); box-sizing: border-box; margin: auto; padding: 1.0625rem 0.75rem 1.5rem; border-radius: var(--ep-border-radius-surface-small, 0.75rem); text-align: center;
}
.new-skin-symbol .transfer-wrap .title-wrap[data-v-9859cc34] { display: flex; align-items: center;
}
.new-skin-symbol .transfer-wrap .title-wrap .title[data-v-9859cc34] { 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-9859cc34] { color: var(--ep-color-icon-default);
}
.new-skin-symbol .transfer-wrap .status[data-v-9859cc34] { 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-9859cc34] { font-size: 1.25rem;
}
.new-skin-symbol .transfer-wrap .status .waiting-icon[data-v-9859cc34] { margin-top: -0.5rem; margin-left: 0.75rem;
}
.new-skin-symbol .transfer-wrap .success[data-v-9859cc34] { background: var(--ep-color-icon-success);
}
.new-skin-symbol .transfer-wrap .fail[data-v-9859cc34] { background: var(--ep-color-icon-danger);
}
.new-skin-symbol .transfer-wrap .waiting[data-v-9859cc34] { background: var(--ep-color-icon-warning);
}
.new-skin-symbol .transfer-wrap .stats-text-area[data-v-9859cc34] { font-size: var(--ep-font-size-s, 0.75rem); text-align: center; margin: 8px auto; line-height: 1.5;
}
.new-skin-symbol .transfer-wrap .stats-text-area .waiting-text[data-v-9859cc34] { color: var(--ep-color-text-danger);
}
.new-skin-symbol .transfer-wrap .stats-text-area .success-text[data-v-9859cc34] { color: var(--ep-color-text-success);
}
.new-skin-symbol .transfer-wrap .stats-text-area .fail-text[data-v-9859cc34] { color: var(--ep-color-text-danger);
}
.new-skin-symbol .transfer-wrap .stats-text-area .waiting-text-desc[data-v-9859cc34] { color: var(--ep-color-text-weaker); display: flex; justify-content: center; align-self: center; gap: 0.4375rem;
}
.new-skin-symbol .transfer-wrap .stats-text-area .waiting-text-desc .count-down-time[data-v-9859cc34] { color: var(--ep-color-text-danger);
}
.new-skin-symbol .transfer-wrap .amount-area[data-v-9859cc34] { display: flex; justify-content: center; align-items: center; margin: 0 auto 0.75rem;
}
.new-skin-symbol .transfer-wrap .amount-area img[data-v-9859cc34] { width: 1.25rem; height: 1.25rem; display: block;
}
.new-skin-symbol .transfer-wrap .amount-area .amount[data-v-9859cc34] { 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: 0.25rem;
}
.new-skin-symbol .transfer-wrap .amount-desc[data-v-9859cc34] { display: flex; justify-content: center; align-items: center; margin: 0 auto 0.75rem; min-width: 7.5rem;
}
.new-skin-symbol .transfer-wrap .amount-desc img[data-v-9859cc34] { width: 1.25rem; height: 1.25rem; display: block;
}
.new-skin-symbol .transfer-wrap .amount-desc .ratio[data-v-9859cc34] { height: 1.375rem; display: flex; justify-content: center; align-items: center; font-size: var(--ep-font-size-s, 0.75rem); text-align: center; color: var(--ep-color-text-default); border: 1px solid var(--ep-color-border-default); padding: 0 0.625rem;
}
.new-skin-symbol .transfer-wrap .amount-desc .ratio img[data-v-9859cc34] { width: 1rem; height: 1rem; display: block; margin-right: 0.25rem;
}
.new-skin-symbol .transfer-wrap .line[data-v-9859cc34] { width: 100%; border: 1px dashed var(--ep-color-border-default);
}
.new-skin-symbol .transfer-wrap .order-info[data-v-9859cc34] { font-size: var(--ep-font-size-s, 0.75rem); margin: 4px auto;
}
.new-skin-symbol .transfer-wrap .order-info li[data-v-9859cc34] { display: flex; justify-content: space-between; margin-bottom: 0.25rem;
}
.new-skin-symbol .transfer-wrap .order-info li .sub-text[data-v-9859cc34] { color: var(--ep-color-text-weaker);
}
.new-skin-symbol .transfer-wrap .order-info li .text[data-v-9859cc34] { color: var(--ep-color-text-default);
}
.new-skin-symbol .transfer-wrap .order-info li .right-area[data-v-9859cc34] { display: flex; align-items: center; gap: 0.4375rem;
}
.new-skin-symbol .transfer-wrap .order-info li .copy-icon[data-v-9859cc34] { 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-9859cc34] { height: 1.5rem; line-height: 1.5rem; padding: 0 0.4375rem; border: 1px solid var(--ep-color-border-warning); border-radius: var(--ep-border-radius-m, 0.375rem); color: var(--ep-color-text-danger); cursor: pointer;
}
.new-skin-symbol .transfer-wrap .order-info li .qr-code-img[data-v-9859cc34] { width: 6.25rem; height: 6.25rem; display: block; border-radius: var(--ep-border-radius-m, 0.375rem);
}
.new-skin-symbol .transfer-wrap .order-info li .bank-icon[data-v-9859cc34] { font-size: var(--ep-font-size-l, 1rem);
}
.new-skin-symbol .transfer-wrap .order-info li .voucher-img-wrap[data-v-9859cc34] { width: 6.25rem; height: 6.25rem; border-radius: var(--ep-border-radius-m, 0.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-9859cc34] { width: 100%; height: 100%; object-fit: cover;
}
.new-skin-symbol .transfer-wrap .real-name-area[data-v-9859cc34] { margin-top: 0.75rem;
}
.new-skin-symbol .transfer-wrap .real-name-area .desc-text[data-v-9859cc34] { text-align: left; color: var(--ep-color-text-default); font-size: var(--ep-font-size-s, 0.75rem);
}
.new-skin-symbol .transfer-wrap .real-name-area .input-area[data-v-9859cc34] { text-align: left; margin-top: 0.5rem; width: 100%; height: 2.8125rem;
}
.new-skin-symbol .transfer-wrap .upload-wrap[data-v-9859cc34] { margin-top: 1.125rem; text-align: left;
}
.new-skin-symbol .transfer-wrap .upload-wrap .title[data-v-9859cc34] { color: var(--ep-color-text-default); font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-bold, 700); line-height: 1.75rem;
}
.new-skin-symbol .transfer-wrap .upload-wrap .title .asterisk[data-v-9859cc34] { color: var(--ep-color-icon-danger); margin-left: 0.25rem;
}
.new-skin-symbol .transfer-wrap .upload-wrap .upload-area[data-v-9859cc34] { display: flex; justify-content: start; align-items: center; margin-top: 0.625rem; gap: 0.625rem;
}
.new-skin-symbol .transfer-wrap .upload-wrap .upload-area .rules p[data-v-9859cc34] { color: var(--ep-color-text-weaker); font-size: var(--ep-font-size-xs, 0.625rem); line-height: 1.125rem;
}
.new-skin-symbol .transfer-wrap .btn-warp[data-v-9859cc34] { display: flex; justify-content: space-between; align-self: center; margin-top: 1.125rem;
}
.new-skin-symbol .transfer-wrap .btn-warp .btn[data-v-9859cc34] { width: 10.375rem; height: 3rem; line-height: 3rem; text-align: center; font-size: var(--ep-font-size-m, 0.875rem); font-weight: var(--ep-font-weight-bold, 700); cursor: pointer; border-radius: var(--ep-border-radius-m, 0.375rem);
}
.new-skin-symbol .transfer-wrap .btn-warp .cancel-btn[data-v-9859cc34] { 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-9859cc34] { color: var(--ep-color-text-inverse); background: var(--ep-color-background-fill-active-primary);
}
.new-skin-symbol .transfer-wrap .btn-warp .confirm-btn.btn-loading[data-v-9859cc34] { opacity: 0.7; pointer-events: none;
}
.new-skin-symbol .transfer-wrap .btn-warp .confirm-btn .btn-spinner[data-v-9859cc34] { width: 1.25rem; height: 1.25rem; color: var(--ep-color-text-inverse); vertical-align: middle;
}
.green-dark #modal-assets-order[data-v-9859cc34], .yellow-dark #modal-assets-order[data-v-9859cc34], .blue-default #modal-assets-order[data-v-9859cc34] { --height: auto;
}
.green-dark .transfer-wrap[data-v-9859cc34], .yellow-dark .transfer-wrap[data-v-9859cc34], .blue-default .transfer-wrap[data-v-9859cc34] { width: 22.875rem; background: var(--color-bg-200); box-sizing: border-box; margin: auto; padding: 1.0625rem 0.75rem 1.5rem; border-radius: var(--ep-border-radius-surface-small, 0.75rem); text-align: center;
}
.green-dark .transfer-wrap .title-wrap[data-v-9859cc34], .yellow-dark .transfer-wrap .title-wrap[data-v-9859cc34], .blue-default .transfer-wrap .title-wrap[data-v-9859cc34] { display: flex; align-items: center;
}
.green-dark .transfer-wrap .title-wrap .title[data-v-9859cc34], .yellow-dark .transfer-wrap .title-wrap .title[data-v-9859cc34], .blue-default .transfer-wrap .title-wrap .title[data-v-9859cc34] { 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-9859cc34], .yellow-dark .transfer-wrap .title-wrap .close[data-v-9859cc34], .blue-default .transfer-wrap .title-wrap .close[data-v-9859cc34] { color: var(--color-text-100);
}
.green-dark .transfer-wrap .status[data-v-9859cc34], .yellow-dark .transfer-wrap .status[data-v-9859cc34], .blue-default .transfer-wrap .status[data-v-9859cc34] { 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-9859cc34], .yellow-dark .transfer-wrap .status .applying[data-v-9859cc34], .blue-default .transfer-wrap .status .applying[data-v-9859cc34] { font-size: 1.25rem;
}
.green-dark .transfer-wrap .status .waiting-icon[data-v-9859cc34], .yellow-dark .transfer-wrap .status .waiting-icon[data-v-9859cc34], .blue-default .transfer-wrap .status .waiting-icon[data-v-9859cc34] { margin-top: -0.5rem; margin-left: 0.75rem;
}
.green-dark .transfer-wrap .success[data-v-9859cc34], .yellow-dark .transfer-wrap .success[data-v-9859cc34], .blue-default .transfer-wrap .success[data-v-9859cc34] { background: var(--color-success);
}
.green-dark .transfer-wrap .fail[data-v-9859cc34], .yellow-dark .transfer-wrap .fail[data-v-9859cc34], .blue-default .transfer-wrap .fail[data-v-9859cc34] { background: var(--color-danger);
}
.green-dark .transfer-wrap .waiting[data-v-9859cc34], .yellow-dark .transfer-wrap .waiting[data-v-9859cc34], .blue-default .transfer-wrap .waiting[data-v-9859cc34] { background: var(--color-warning);
}
.green-dark .transfer-wrap .stats-text-area[data-v-9859cc34], .yellow-dark .transfer-wrap .stats-text-area[data-v-9859cc34], .blue-default .transfer-wrap .stats-text-area[data-v-9859cc34] { font-size: var(--ep-font-size-s, 0.75rem); text-align: center; margin: 8px auto; line-height: 1.5;
}
.green-dark .transfer-wrap .stats-text-area .waiting-text[data-v-9859cc34], .yellow-dark .transfer-wrap .stats-text-area .waiting-text[data-v-9859cc34], .blue-default .transfer-wrap .stats-text-area .waiting-text[data-v-9859cc34] { color: var(--color-warning);
}
.green-dark .transfer-wrap .stats-text-area .success-text[data-v-9859cc34], .yellow-dark .transfer-wrap .stats-text-area .success-text[data-v-9859cc34], .blue-default .transfer-wrap .stats-text-area .success-text[data-v-9859cc34] { color: var(--color-success);
}
.green-dark .transfer-wrap .stats-text-area .fail-text[data-v-9859cc34], .yellow-dark .transfer-wrap .stats-text-area .fail-text[data-v-9859cc34], .blue-default .transfer-wrap .stats-text-area .fail-text[data-v-9859cc34] { color: var(--color-danger);
}
.green-dark .transfer-wrap .stats-text-area .waiting-text-desc[data-v-9859cc34], .yellow-dark .transfer-wrap .stats-text-area .waiting-text-desc[data-v-9859cc34], .blue-default .transfer-wrap .stats-text-area .waiting-text-desc[data-v-9859cc34] { color: var(--color-text-40); display: flex; justify-content: center; align-self: center; gap: 0.4375rem;
}
.green-dark .transfer-wrap .stats-text-area .waiting-text-desc .count-down-time[data-v-9859cc34], .yellow-dark .transfer-wrap .stats-text-area .waiting-text-desc .count-down-time[data-v-9859cc34], .blue-default .transfer-wrap .stats-text-area .waiting-text-desc .count-down-time[data-v-9859cc34] { color: var(--color-danger);
}
.green-dark .transfer-wrap .amount-area[data-v-9859cc34], .yellow-dark .transfer-wrap .amount-area[data-v-9859cc34], .blue-default .transfer-wrap .amount-area[data-v-9859cc34] { display: flex; justify-content: center; align-items: center; margin: 0 auto 0.75rem;
}
.green-dark .transfer-wrap .amount-area img[data-v-9859cc34], .yellow-dark .transfer-wrap .amount-area img[data-v-9859cc34], .blue-default .transfer-wrap .amount-area img[data-v-9859cc34] { width: 1.25rem; height: 1.25rem; display: block;
}
.green-dark .transfer-wrap .amount-area .amount[data-v-9859cc34], .yellow-dark .transfer-wrap .amount-area .amount[data-v-9859cc34], .blue-default .transfer-wrap .amount-area .amount[data-v-9859cc34] { 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: 0.25rem;
}
.green-dark .transfer-wrap .amount-desc[data-v-9859cc34], .yellow-dark .transfer-wrap .amount-desc[data-v-9859cc34], .blue-default .transfer-wrap .amount-desc[data-v-9859cc34] { display: flex; justify-content: center; align-items: center; margin: 0 auto 0.75rem; min-width: 7.5rem;
}
.green-dark .transfer-wrap .amount-desc img[data-v-9859cc34], .yellow-dark .transfer-wrap .amount-desc img[data-v-9859cc34], .blue-default .transfer-wrap .amount-desc img[data-v-9859cc34] { width: 1.25rem; height: 1.25rem; display: block;
}
.green-dark .transfer-wrap .amount-desc .ratio[data-v-9859cc34], .yellow-dark .transfer-wrap .amount-desc .ratio[data-v-9859cc34], .blue-default .transfer-wrap .amount-desc .ratio[data-v-9859cc34] { height: 1.375rem; display: flex; justify-content: center; align-items: center; font-size: var(--ep-font-size-s, 0.75rem); text-align: center; color: var(--color-text-100); border: 1px solid var(--color-line); padding: 0 0.625rem;
}
.green-dark .transfer-wrap .amount-desc .ratio img[data-v-9859cc34], .yellow-dark .transfer-wrap .amount-desc .ratio img[data-v-9859cc34], .blue-default .transfer-wrap .amount-desc .ratio img[data-v-9859cc34] { width: 1rem; height: 1rem; display: block; margin-right: 0.25rem;
}
.green-dark .transfer-wrap .line[data-v-9859cc34], .yellow-dark .transfer-wrap .line[data-v-9859cc34], .blue-default .transfer-wrap .line[data-v-9859cc34] { width: 100%; border: 1px dashed var(--color-line);
}
.green-dark .transfer-wrap .order-info[data-v-9859cc34], .yellow-dark .transfer-wrap .order-info[data-v-9859cc34], .blue-default .transfer-wrap .order-info[data-v-9859cc34] { font-size: var(--ep-font-size-s, 0.75rem); margin: 4px auto;
}
.green-dark .transfer-wrap .order-info li[data-v-9859cc34], .yellow-dark .transfer-wrap .order-info li[data-v-9859cc34], .blue-default .transfer-wrap .order-info li[data-v-9859cc34] { display: flex; justify-content: space-between; margin-bottom: 0.25rem;
}
.green-dark .transfer-wrap .order-info li .sub-text[data-v-9859cc34], .yellow-dark .transfer-wrap .order-info li .sub-text[data-v-9859cc34], .blue-default .transfer-wrap .order-info li .sub-text[data-v-9859cc34] { color: var(--color-text-40);
}
.green-dark .transfer-wrap .order-info li .text[data-v-9859cc34], .yellow-dark .transfer-wrap .order-info li .text[data-v-9859cc34], .blue-default .transfer-wrap .order-info li .text[data-v-9859cc34] { color: var(--color-text-100);
}
.green-dark .transfer-wrap .order-info li .right-area[data-v-9859cc34], .yellow-dark .transfer-wrap .order-info li .right-area[data-v-9859cc34], .blue-default .transfer-wrap .order-info li .right-area[data-v-9859cc34] { display: flex; align-items: center; gap: 0.4375rem;
}
.green-dark .transfer-wrap .order-info li .copy-icon[data-v-9859cc34], .yellow-dark .transfer-wrap .order-info li .copy-icon[data-v-9859cc34], .blue-default .transfer-wrap .order-info li .copy-icon[data-v-9859cc34] { font-size: var(--ep-font-size-l, 1rem); color: var(--theme-color-800);
}
.green-dark .transfer-wrap .order-info li .download-qrcode[data-v-9859cc34], .yellow-dark .transfer-wrap .order-info li .download-qrcode[data-v-9859cc34], .blue-default .transfer-wrap .order-info li .download-qrcode[data-v-9859cc34] { height: 1.5rem; line-height: 1.5rem; padding: 0 0.4375rem; border: 1px solid var(--color-warning); border-radius: var(--ep-border-radius-m, 0.375rem); color: var(--color-warning); cursor: pointer;
}
.green-dark .transfer-wrap .order-info li .qr-code-img[data-v-9859cc34], .yellow-dark .transfer-wrap .order-info li .qr-code-img[data-v-9859cc34], .blue-default .transfer-wrap .order-info li .qr-code-img[data-v-9859cc34] { width: 6.25rem; height: 6.25rem; display: block; border-radius: var(--ep-border-radius-m, 0.375rem);
}
.green-dark .transfer-wrap .order-info li .bank-icon[data-v-9859cc34], .yellow-dark .transfer-wrap .order-info li .bank-icon[data-v-9859cc34], .blue-default .transfer-wrap .order-info li .bank-icon[data-v-9859cc34] { font-size: var(--ep-font-size-l, 1rem);
}
.green-dark .transfer-wrap .order-info li .voucher-img-wrap[data-v-9859cc34], .yellow-dark .transfer-wrap .order-info li .voucher-img-wrap[data-v-9859cc34], .blue-default .transfer-wrap .order-info li .voucher-img-wrap[data-v-9859cc34] { width: 6.25rem; height: 6.25rem; border-radius: var(--ep-border-radius-m, 0.375rem); overflow: hidden; border: 1px solid var(--color-line);
}
.green-dark .transfer-wrap .order-info li .voucher-img-wrap img[data-v-9859cc34], .yellow-dark .transfer-wrap .order-info li .voucher-img-wrap img[data-v-9859cc34], .blue-default .transfer-wrap .order-info li .voucher-img-wrap img[data-v-9859cc34] { width: 100%; height: 100%; object-fit: cover;
}
.green-dark .transfer-wrap .real-name-area[data-v-9859cc34], .yellow-dark .transfer-wrap .real-name-area[data-v-9859cc34], .blue-default .transfer-wrap .real-name-area[data-v-9859cc34] { margin-top: 0.75rem;
}
.green-dark .transfer-wrap .real-name-area .desc-text[data-v-9859cc34], .yellow-dark .transfer-wrap .real-name-area .desc-text[data-v-9859cc34], .blue-default .transfer-wrap .real-name-area .desc-text[data-v-9859cc34] { text-align: left; color: var(--color-text-100); font-size: var(--ep-font-size-s, 0.75rem);
}
.green-dark .transfer-wrap .real-name-area .input-area[data-v-9859cc34], .yellow-dark .transfer-wrap .real-name-area .input-area[data-v-9859cc34], .blue-default .transfer-wrap .real-name-area .input-area[data-v-9859cc34] { text-align: left; margin-top: 0.5rem; width: 100%; height: 2.8125rem;
}
.green-dark .transfer-wrap .upload-wrap[data-v-9859cc34], .yellow-dark .transfer-wrap .upload-wrap[data-v-9859cc34], .blue-default .transfer-wrap .upload-wrap[data-v-9859cc34] { margin-top: 1.125rem; text-align: left;
}
.green-dark .transfer-wrap .upload-wrap .title[data-v-9859cc34], .yellow-dark .transfer-wrap .upload-wrap .title[data-v-9859cc34], .blue-default .transfer-wrap .upload-wrap .title[data-v-9859cc34] { color: var(--color-text-100); font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-bold, 700); line-height: 1.75rem;
}
.green-dark .transfer-wrap .upload-wrap .title .asterisk[data-v-9859cc34], .yellow-dark .transfer-wrap .upload-wrap .title .asterisk[data-v-9859cc34], .blue-default .transfer-wrap .upload-wrap .title .asterisk[data-v-9859cc34] { color: var(--color-danger); margin-left: 0.25rem;
}
.green-dark .transfer-wrap .upload-wrap .upload-area[data-v-9859cc34], .yellow-dark .transfer-wrap .upload-wrap .upload-area[data-v-9859cc34], .blue-default .transfer-wrap .upload-wrap .upload-area[data-v-9859cc34] { display: flex; justify-content: start; align-items: center; margin-top: 0.625rem; gap: 0.625rem;
}
.green-dark .transfer-wrap .upload-wrap .upload-area .rules p[data-v-9859cc34], .yellow-dark .transfer-wrap .upload-wrap .upload-area .rules p[data-v-9859cc34], .blue-default .transfer-wrap .upload-wrap .upload-area .rules p[data-v-9859cc34] { color: var(--color-text-40); font-size: var(--ep-font-size-xs, 0.625rem); line-height: 1.125rem;
}
.green-dark .transfer-wrap .btn-warp[data-v-9859cc34], .yellow-dark .transfer-wrap .btn-warp[data-v-9859cc34], .blue-default .transfer-wrap .btn-warp[data-v-9859cc34] { display: flex; justify-content: space-between; align-self: center; margin-top: 1.125rem;
}
.green-dark .transfer-wrap .btn-warp .btn[data-v-9859cc34], .yellow-dark .transfer-wrap .btn-warp .btn[data-v-9859cc34], .blue-default .transfer-wrap .btn-warp .btn[data-v-9859cc34] { width: 10.375rem; height: 3rem; line-height: 3rem; text-align: center; font-size: var(--ep-font-size-m, 0.875rem); font-weight: var(--ep-font-weight-bold, 700); cursor: pointer; border-radius: var(--ep-border-radius-m, 0.375rem);
}
.green-dark .transfer-wrap .btn-warp .cancel-btn[data-v-9859cc34], .yellow-dark .transfer-wrap .btn-warp .cancel-btn[data-v-9859cc34], .blue-default .transfer-wrap .btn-warp .cancel-btn[data-v-9859cc34] { color: var(--color-text-100); background: var(--color-bg-100);
}
.green-dark .transfer-wrap .btn-warp .confirm-btn[data-v-9859cc34], .yellow-dark .transfer-wrap .btn-warp .confirm-btn[data-v-9859cc34], .blue-default .transfer-wrap .btn-warp .confirm-btn[data-v-9859cc34] { color: var(--text-color-black-100); background: var(--theme-color-800);
}
.green-dark .transfer-wrap .btn-warp .confirm-btn.btn-loading[data-v-9859cc34], .yellow-dark .transfer-wrap .btn-warp .confirm-btn.btn-loading[data-v-9859cc34], .blue-default .transfer-wrap .btn-warp .confirm-btn.btn-loading[data-v-9859cc34] { opacity: 0.7; pointer-events: none;
}
.green-dark .transfer-wrap .btn-warp .confirm-btn .btn-spinner[data-v-9859cc34], .yellow-dark .transfer-wrap .btn-warp .confirm-btn .btn-spinner[data-v-9859cc34], .blue-default .transfer-wrap .btn-warp .confirm-btn .btn-spinner[data-v-9859cc34] { width: 1.25rem; height: 1.25rem; color: var(--text-color-black-100); vertical-align: middle;
}
.auroral-yellow #modal-assets-order[data-v-9859cc34] { --height: auto;
}
.auroral-yellow .transfer-wrap[data-v-9859cc34] { width: 22.875rem; background: var(--color-bg-200); box-sizing: border-box; margin: auto; padding: 1.0625rem 0.75rem 1.5rem; border-radius: var(--ep-border-radius-surface-small, 0.75rem); text-align: center;
}
.auroral-yellow .transfer-wrap .title-wrap[data-v-9859cc34] { display: flex; align-items: center;
}
.auroral-yellow .transfer-wrap .title-wrap .title[data-v-9859cc34] { 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-9859cc34] { color: var(--color-text-100);
}
.auroral-yellow .transfer-wrap .status[data-v-9859cc34] { 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-9859cc34] { font-size: 1.25rem;
}
.auroral-yellow .transfer-wrap .status .waiting-icon[data-v-9859cc34] { margin-top: -0.5rem; margin-left: 0.75rem;
}
.auroral-yellow .transfer-wrap .success[data-v-9859cc34] { background: var(--color-success);
}
.auroral-yellow .transfer-wrap .fail[data-v-9859cc34] { background: var(--color-danger);
}
.auroral-yellow .transfer-wrap .waiting[data-v-9859cc34] { background: var(--color-warning);
}
.auroral-yellow .transfer-wrap .stats-text-area[data-v-9859cc34] { font-size: var(--ep-font-size-s, 0.75rem); text-align: center; margin: 8px auto; line-height: 1.5;
}
.auroral-yellow .transfer-wrap .stats-text-area .waiting-text[data-v-9859cc34] { color: var(--color-warning);
}
.auroral-yellow .transfer-wrap .stats-text-area .success-text[data-v-9859cc34] { color: var(--color-success);
}
.auroral-yellow .transfer-wrap .stats-text-area .fail-text[data-v-9859cc34] { color: var(--color-danger);
}
.auroral-yellow .transfer-wrap .stats-text-area .waiting-text-desc[data-v-9859cc34] { color: var(--color-text-40); display: flex; justify-content: center; align-self: center; gap: 0.4375rem;
}
.auroral-yellow .transfer-wrap .stats-text-area .waiting-text-desc .count-down-time[data-v-9859cc34] { color: var(--color-danger);
}
.auroral-yellow .transfer-wrap .amount-area[data-v-9859cc34] { display: flex; justify-content: center; align-items: center; margin: 0 auto 0.75rem;
}
.auroral-yellow .transfer-wrap .amount-area img[data-v-9859cc34] { width: 1.25rem; height: 1.25rem; display: block;
}
.auroral-yellow .transfer-wrap .amount-area .amount[data-v-9859cc34] { 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: 0.25rem;
}
.auroral-yellow .transfer-wrap .amount-desc[data-v-9859cc34] { display: flex; justify-content: center; align-items: center; margin: 0 auto 0.75rem; min-width: 7.5rem;
}
.auroral-yellow .transfer-wrap .amount-desc img[data-v-9859cc34] { width: 1.25rem; height: 1.25rem; display: block;
}
.auroral-yellow .transfer-wrap .amount-desc .ratio[data-v-9859cc34] { height: 1.375rem; display: flex; justify-content: center; align-items: center; font-size: var(--ep-font-size-s, 0.75rem); text-align: center; color: var(--color-text-100); border: 1px solid var(--color-line); padding: 0 0.625rem;
}
.auroral-yellow .transfer-wrap .amount-desc .ratio img[data-v-9859cc34] { width: 1rem; height: 1rem; display: block; margin-right: 0.25rem;
}
.auroral-yellow .transfer-wrap .line[data-v-9859cc34] { width: 100%; border: 1px dashed var(--color-line);
}
.auroral-yellow .transfer-wrap .order-info[data-v-9859cc34] { font-size: var(--ep-font-size-s, 0.75rem); margin: 4px auto;
}
.auroral-yellow .transfer-wrap .order-info li[data-v-9859cc34] { display: flex; justify-content: space-between; margin-bottom: 0.25rem;
}
.auroral-yellow .transfer-wrap .order-info li .sub-text[data-v-9859cc34] { color: var(--color-text-40);
}
.auroral-yellow .transfer-wrap .order-info li .text[data-v-9859cc34] { color: var(--color-text-100);
}
.auroral-yellow .transfer-wrap .order-info li .right-area[data-v-9859cc34] { display: flex; align-items: center; gap: 0.4375rem;
}
.auroral-yellow .transfer-wrap .order-info li .copy-icon[data-v-9859cc34] { font-size: var(--ep-font-size-l, 1rem); color: var(--theme-color-800);
}
.auroral-yellow .transfer-wrap .order-info li .download-qrcode[data-v-9859cc34] { height: 1.5rem; line-height: 1.5rem; padding: 0 0.4375rem; border: 1px solid var(--color-warning); border-radius: var(--ep-border-radius-m, 0.375rem); color: var(--color-warning); cursor: pointer;
}
.auroral-yellow .transfer-wrap .order-info li .qr-code-img[data-v-9859cc34] { width: 6.25rem; height: 6.25rem; display: block; border-radius: var(--ep-border-radius-m, 0.375rem);
}
.auroral-yellow .transfer-wrap .order-info li .bank-icon[data-v-9859cc34] { font-size: var(--ep-font-size-l, 1rem);
}
.auroral-yellow .transfer-wrap .order-info li .voucher-img-wrap[data-v-9859cc34] { width: 6.25rem; height: 6.25rem; border-radius: var(--ep-border-radius-m, 0.375rem); overflow: hidden; border: 1px solid var(--color-line);
}
.auroral-yellow .transfer-wrap .order-info li .voucher-img-wrap img[data-v-9859cc34] { width: 100%; height: 100%; object-fit: cover;
}
.auroral-yellow .transfer-wrap .real-name-area[data-v-9859cc34] { margin-top: 0.75rem;
}
.auroral-yellow .transfer-wrap .real-name-area .desc-text[data-v-9859cc34] { text-align: left; color: var(--color-text-100); font-size: var(--ep-font-size-s, 0.75rem);
}
.auroral-yellow .transfer-wrap .real-name-area .input-area[data-v-9859cc34] { text-align: left; margin-top: 0.5rem; width: 100%; height: 2.8125rem;
}
.auroral-yellow .transfer-wrap .upload-wrap[data-v-9859cc34] { margin-top: 1.125rem; text-align: left;
}
.auroral-yellow .transfer-wrap .upload-wrap .title[data-v-9859cc34] { color: var(--color-text-100); font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-bold, 700); line-height: 1.75rem;
}
.auroral-yellow .transfer-wrap .upload-wrap .title .asterisk[data-v-9859cc34] { color: var(--color-danger); margin-left: 0.25rem;
}
.auroral-yellow .transfer-wrap .upload-wrap .upload-area[data-v-9859cc34] { display: flex; justify-content: start; align-items: center; margin-top: 0.625rem; gap: 0.625rem;
}
.auroral-yellow .transfer-wrap .upload-wrap .upload-area .rules p[data-v-9859cc34] { color: var(--color-text-40); font-size: var(--ep-font-size-xs, 0.625rem); line-height: 1.125rem;
}
.auroral-yellow .transfer-wrap .btn-warp[data-v-9859cc34] { display: flex; justify-content: space-between; align-self: center; margin-top: 1.125rem;
}
.auroral-yellow .transfer-wrap .btn-warp .btn[data-v-9859cc34] { width: 10.375rem; height: 3rem; line-height: 3rem; text-align: center; font-size: var(--ep-font-size-m, 0.875rem); font-weight: var(--ep-font-weight-bold, 700); cursor: pointer; border-radius: var(--ep-border-radius-m, 0.375rem);
}
.auroral-yellow .transfer-wrap .btn-warp .cancel-btn[data-v-9859cc34] { color: var(--color-text-100); background: var(--color-bg-100);
}
.auroral-yellow .transfer-wrap .btn-warp .confirm-btn[data-v-9859cc34] { color: var(--color-text-black-100); background: var(--theme-color-800);
}
.auroral-yellow .transfer-wrap .btn-warp .confirm-btn.btn-loading[data-v-9859cc34] { opacity: 0.7; pointer-events: none;
}
.auroral-yellow .transfer-wrap .btn-warp .confirm-btn .btn-spinner[data-v-9859cc34] { width: 1.25rem; height: 1.25rem; color: var(--color-text-black-100); vertical-align: middle;
}
.green-default #modal-assets-order[data-v-9859cc34], .forest-green #modal-assets-order[data-v-9859cc34] { --height: auto;
}
.green-default .transfer-wrap[data-v-9859cc34], .forest-green .transfer-wrap[data-v-9859cc34] { width: 22.875rem; background: var(--color-bg-200); box-sizing: border-box; margin: auto; padding: 1.0625rem 0.75rem 1.5rem; border-radius: var(--ep-border-radius-surface-small, 0.75rem); text-align: center;
}
.green-default .transfer-wrap .title-wrap[data-v-9859cc34], .forest-green .transfer-wrap .title-wrap[data-v-9859cc34] { display: flex; align-items: center;
}
.green-default .transfer-wrap .title-wrap .title[data-v-9859cc34], .forest-green .transfer-wrap .title-wrap .title[data-v-9859cc34] { 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-9859cc34], .forest-green .transfer-wrap .title-wrap .close[data-v-9859cc34] { color: var(--color-text-40);
}
.green-default .transfer-wrap .status[data-v-9859cc34], .forest-green .transfer-wrap .status[data-v-9859cc34] { 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-9859cc34], .forest-green .transfer-wrap .status .applying[data-v-9859cc34] { font-size: 1.25rem;
}
.green-default .transfer-wrap .status .waiting-icon[data-v-9859cc34], .forest-green .transfer-wrap .status .waiting-icon[data-v-9859cc34] { margin-top: -0.5rem; margin-left: 0.75rem;
}
.green-default .transfer-wrap .success[data-v-9859cc34], .forest-green .transfer-wrap .success[data-v-9859cc34] { background: var(--color-success);
}
.green-default .transfer-wrap .fail[data-v-9859cc34], .forest-green .transfer-wrap .fail[data-v-9859cc34] { background: var(--color-danger);
}
.green-default .transfer-wrap .waiting[data-v-9859cc34], .forest-green .transfer-wrap .waiting[data-v-9859cc34] { background: var(--accent-color-orange-1);
}
.green-default .transfer-wrap .stats-text-area[data-v-9859cc34], .forest-green .transfer-wrap .stats-text-area[data-v-9859cc34] { font-size: var(--ep-font-size-s, 0.75rem); text-align: center; margin: 8px auto; line-height: 1.5;
}
.green-default .transfer-wrap .stats-text-area .waiting-text[data-v-9859cc34], .forest-green .transfer-wrap .stats-text-area .waiting-text[data-v-9859cc34] { color: var(--accent-color-orange-1);
}
.green-default .transfer-wrap .stats-text-area .success-text[data-v-9859cc34], .forest-green .transfer-wrap .stats-text-area .success-text[data-v-9859cc34] { color: var(--color-success);
}
.green-default .transfer-wrap .stats-text-area .fail-text[data-v-9859cc34], .forest-green .transfer-wrap .stats-text-area .fail-text[data-v-9859cc34] { color: var(--color-danger);
}
.green-default .transfer-wrap .stats-text-area .waiting-text-desc[data-v-9859cc34], .forest-green .transfer-wrap .stats-text-area .waiting-text-desc[data-v-9859cc34] { color: var(--color-text-40); display: flex; justify-content: center; align-self: center; gap: 0.4375rem;
}
.green-default .transfer-wrap .stats-text-area .waiting-text-desc .count-down-time[data-v-9859cc34], .forest-green .transfer-wrap .stats-text-area .waiting-text-desc .count-down-time[data-v-9859cc34] { color: var(--color-danger);
}
.green-default .transfer-wrap .amount-area[data-v-9859cc34], .forest-green .transfer-wrap .amount-area[data-v-9859cc34] { display: flex; justify-content: center; align-items: center; margin: 0 auto 0.75rem;
}
.green-default .transfer-wrap .amount-area img[data-v-9859cc34], .forest-green .transfer-wrap .amount-area img[data-v-9859cc34] { width: 1.25rem; height: 1.25rem; display: block;
}
.green-default .transfer-wrap .amount-area .amount[data-v-9859cc34], .forest-green .transfer-wrap .amount-area .amount[data-v-9859cc34] { 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: 0.25rem;
}
.green-default .transfer-wrap .amount-desc[data-v-9859cc34], .forest-green .transfer-wrap .amount-desc[data-v-9859cc34] { display: flex; justify-content: center; align-items: center; margin: 0 auto 0.75rem; min-width: 7.5rem;
}
.green-default .transfer-wrap .amount-desc img[data-v-9859cc34], .forest-green .transfer-wrap .amount-desc img[data-v-9859cc34] { width: 1.25rem; height: 1.25rem; display: block;
}
.green-default .transfer-wrap .amount-desc .ratio[data-v-9859cc34], .forest-green .transfer-wrap .amount-desc .ratio[data-v-9859cc34] { height: 1.375rem; display: flex; justify-content: center; align-items: center; font-size: var(--ep-font-size-s, 0.75rem); text-align: center; color: var(--color-text-100); border: 1px solid var(--color-line); padding: 0 0.625rem;
}
.green-default .transfer-wrap .amount-desc .ratio img[data-v-9859cc34], .forest-green .transfer-wrap .amount-desc .ratio img[data-v-9859cc34] { width: 1rem; height: 1rem; display: block; margin-right: 0.25rem;
}
.green-default .transfer-wrap .line[data-v-9859cc34], .forest-green .transfer-wrap .line[data-v-9859cc34] { width: 100%; border: 1px dashed var(--color-line);
}
.green-default .transfer-wrap .order-info[data-v-9859cc34], .forest-green .transfer-wrap .order-info[data-v-9859cc34] { font-size: var(--ep-font-size-s, 0.75rem); margin: 4px auto;
}
.green-default .transfer-wrap .order-info li[data-v-9859cc34], .forest-green .transfer-wrap .order-info li[data-v-9859cc34] { display: flex; justify-content: space-between; margin-bottom: 0.25rem;
}
.green-default .transfer-wrap .order-info li .sub-text[data-v-9859cc34], .forest-green .transfer-wrap .order-info li .sub-text[data-v-9859cc34] { color: var(--color-text-40);
}
.green-default .transfer-wrap .order-info li .text[data-v-9859cc34], .forest-green .transfer-wrap .order-info li .text[data-v-9859cc34] { color: var(--color-text-100);
}
.green-default .transfer-wrap .order-info li .right-area[data-v-9859cc34], .forest-green .transfer-wrap .order-info li .right-area[data-v-9859cc34] { display: flex; align-items: center; gap: 0.4375rem;
}
.green-default .transfer-wrap .order-info li .copy-icon[data-v-9859cc34], .forest-green .transfer-wrap .order-info li .copy-icon[data-v-9859cc34] { font-size: var(--ep-font-size-l, 1rem); color: var(--accent-color-yellow);
}
.green-default .transfer-wrap .order-info li .download-qrcode[data-v-9859cc34], .forest-green .transfer-wrap .order-info li .download-qrcode[data-v-9859cc34] { height: 1.5rem; line-height: 1.5rem; padding: 0 0.4375rem; border: 1px solid var(--accent-color-orange-1); border-radius: var(--ep-border-radius-m, 0.375rem); color: var(--accent-color-orange-1); cursor: pointer;
}
.green-default .transfer-wrap .order-info li .qr-code-img[data-v-9859cc34], .forest-green .transfer-wrap .order-info li .qr-code-img[data-v-9859cc34] { width: 6.25rem; height: 6.25rem; display: block; border-radius: var(--ep-border-radius-m, 0.375rem);
}
.green-default .transfer-wrap .order-info li .bank-icon[data-v-9859cc34], .forest-green .transfer-wrap .order-info li .bank-icon[data-v-9859cc34] { font-size: var(--ep-font-size-l, 1rem);
}
.green-default .transfer-wrap .order-info li .voucher-img-wrap[data-v-9859cc34], .forest-green .transfer-wrap .order-info li .voucher-img-wrap[data-v-9859cc34] { width: 6.25rem; height: 6.25rem; border-radius: var(--ep-border-radius-m, 0.375rem); overflow: hidden; border: 1px solid var(--color-line);
}
.green-default .transfer-wrap .order-info li .voucher-img-wrap img[data-v-9859cc34], .forest-green .transfer-wrap .order-info li .voucher-img-wrap img[data-v-9859cc34] { width: 100%; height: 100%; object-fit: cover;
}
.green-default .transfer-wrap .real-name-area[data-v-9859cc34], .forest-green .transfer-wrap .real-name-area[data-v-9859cc34] { margin-top: 0.75rem;
}
.green-default .transfer-wrap .real-name-area .desc-text[data-v-9859cc34], .forest-green .transfer-wrap .real-name-area .desc-text[data-v-9859cc34] { text-align: left; color: var(--color-text-100); font-size: var(--ep-font-size-s, 0.75rem);
}
.green-default .transfer-wrap .real-name-area .input-area[data-v-9859cc34], .forest-green .transfer-wrap .real-name-area .input-area[data-v-9859cc34] { text-align: left; margin-top: 0.5rem; width: 100%; height: 2.8125rem;
}
.green-default .transfer-wrap .upload-wrap[data-v-9859cc34], .forest-green .transfer-wrap .upload-wrap[data-v-9859cc34] { margin-top: 1.125rem; text-align: left;
}
.green-default .transfer-wrap .upload-wrap .title[data-v-9859cc34], .forest-green .transfer-wrap .upload-wrap .title[data-v-9859cc34] { color: var(--color-text-100); font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-bold, 700); line-height: 1.75rem;
}
.green-default .transfer-wrap .upload-wrap .title .asterisk[data-v-9859cc34], .forest-green .transfer-wrap .upload-wrap .title .asterisk[data-v-9859cc34] { color: var(--color-danger); margin-left: 0.25rem;
}
.green-default .transfer-wrap .upload-wrap .upload-area[data-v-9859cc34], .forest-green .transfer-wrap .upload-wrap .upload-area[data-v-9859cc34] { display: flex; justify-content: start; align-items: center; margin-top: 0.625rem; gap: 0.625rem;
}
.green-default .transfer-wrap .upload-wrap .upload-area .rules p[data-v-9859cc34], .forest-green .transfer-wrap .upload-wrap .upload-area .rules p[data-v-9859cc34] { color: var(--color-text-40); font-size: var(--ep-font-size-xs, 0.625rem); line-height: 1.125rem;
}
.green-default .transfer-wrap .btn-warp[data-v-9859cc34], .forest-green .transfer-wrap .btn-warp[data-v-9859cc34] { display: flex; justify-content: space-between; align-self: center; margin-top: 1.125rem;
}
.green-default .transfer-wrap .btn-warp .btn[data-v-9859cc34], .forest-green .transfer-wrap .btn-warp .btn[data-v-9859cc34] { width: 10.375rem; height: 3rem; line-height: 3rem; text-align: center; font-size: var(--ep-font-size-m, 0.875rem); font-weight: var(--ep-font-weight-bold, 700); cursor: pointer; border-radius: var(--ep-border-radius-m, 0.375rem);
}
.green-default .transfer-wrap .btn-warp .cancel-btn[data-v-9859cc34], .forest-green .transfer-wrap .btn-warp .cancel-btn[data-v-9859cc34] { color: var(--color-text-100); background: var(--color-bg-100);
}
.green-default .transfer-wrap .btn-warp .confirm-btn[data-v-9859cc34], .forest-green .transfer-wrap .btn-warp .confirm-btn[data-v-9859cc34] { color: var(--text-color-white-100); background: var(--theme-color-gradient-100);
}
.green-default .transfer-wrap .btn-warp .confirm-btn.btn-loading[data-v-9859cc34], .forest-green .transfer-wrap .btn-warp .confirm-btn.btn-loading[data-v-9859cc34] { opacity: 0.7; pointer-events: none;
}
.green-default .transfer-wrap .btn-warp .confirm-btn .btn-spinner[data-v-9859cc34], .forest-green .transfer-wrap .btn-warp .confirm-btn .btn-spinner[data-v-9859cc34] { width: 1.25rem; height: 1.25rem; color: var(--text-color-white-100); vertical-align: middle;
}
.amber-purple #modal-assets-order[data-v-9859cc34] { --height: auto;
}
.amber-purple .transfer-wrap[data-v-9859cc34] { width: 22.875rem; background: var(--color-bg-200); box-sizing: border-box; margin: auto; padding: 1.0625rem 0.75rem 1.5rem; border-radius: var(--ep-border-radius-surface-small, 0.75rem); text-align: center;
}
.amber-purple .transfer-wrap .title-wrap[data-v-9859cc34] { display: flex; align-items: center;
}
.amber-purple .transfer-wrap .title-wrap .title[data-v-9859cc34] { 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-9859cc34] { color: var(--color-text-100);
}
.amber-purple .transfer-wrap .status[data-v-9859cc34] { 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-9859cc34] { font-size: 1.25rem;
}
.amber-purple .transfer-wrap .status .waiting-icon[data-v-9859cc34] { margin-top: -0.5rem; margin-left: 0.75rem;
}
.amber-purple .transfer-wrap .success[data-v-9859cc34] { background: var(--color-success);
}
.amber-purple .transfer-wrap .fail[data-v-9859cc34] { background: var(--color-danger);
}
.amber-purple .transfer-wrap .waiting[data-v-9859cc34] { background: var(--color-warning);
}
.amber-purple .transfer-wrap .stats-text-area[data-v-9859cc34] { font-size: var(--ep-font-size-s, 0.75rem); text-align: center; margin: 8px auto; line-height: 1.5;
}
.amber-purple .transfer-wrap .stats-text-area .waiting-text[data-v-9859cc34] { color: var(--color-warning);
}
.amber-purple .transfer-wrap .stats-text-area .success-text[data-v-9859cc34] { color: var(--color-success);
}
.amber-purple .transfer-wrap .stats-text-area .fail-text[data-v-9859cc34] { color: var(--color-danger);
}
.amber-purple .transfer-wrap .stats-text-area .waiting-text-desc[data-v-9859cc34] { color: var(--color-text-40); display: flex; justify-content: center; align-self: center; gap: 0.4375rem;
}
.amber-purple .transfer-wrap .stats-text-area .waiting-text-desc .count-down-time[data-v-9859cc34] { color: var(--color-danger);
}
.amber-purple .transfer-wrap .amount-area[data-v-9859cc34] { display: flex; justify-content: center; align-items: center; margin: 0 auto 0.75rem;
}
.amber-purple .transfer-wrap .amount-area img[data-v-9859cc34] { width: 1.25rem; height: 1.25rem; display: block;
}
.amber-purple .transfer-wrap .amount-area .amount[data-v-9859cc34] { 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: 0.25rem;
}
.amber-purple .transfer-wrap .amount-desc[data-v-9859cc34] { display: flex; justify-content: center; align-items: center; margin: 0 auto 0.75rem; min-width: 7.5rem;
}
.amber-purple .transfer-wrap .amount-desc img[data-v-9859cc34] { width: 1.25rem; height: 1.25rem; display: block;
}
.amber-purple .transfer-wrap .amount-desc .ratio[data-v-9859cc34] { height: 1.375rem; display: flex; justify-content: center; align-items: center; font-size: var(--ep-font-size-s, 0.75rem); text-align: center; color: var(--color-text-100); border: 1px solid var(--color-line); padding: 0 0.625rem;
}
.amber-purple .transfer-wrap .amount-desc .ratio img[data-v-9859cc34] { width: 1rem; height: 1rem; display: block; margin-right: 0.25rem;
}
.amber-purple .transfer-wrap .line[data-v-9859cc34] { width: 100%; border: 1px dashed var(--color-line);
}
.amber-purple .transfer-wrap .order-info[data-v-9859cc34] { font-size: var(--ep-font-size-s, 0.75rem); margin: 4px auto;
}
.amber-purple .transfer-wrap .order-info li[data-v-9859cc34] { display: flex; justify-content: space-between; margin-bottom: 0.25rem;
}
.amber-purple .transfer-wrap .order-info li .sub-text[data-v-9859cc34] { color: var(--color-text-40);
}
.amber-purple .transfer-wrap .order-info li .text[data-v-9859cc34] { color: var(--color-text-100);
}
.amber-purple .transfer-wrap .order-info li .right-area[data-v-9859cc34] { display: flex; align-items: center; gap: 0.4375rem;
}
.amber-purple .transfer-wrap .order-info li .copy-icon[data-v-9859cc34] { font-size: var(--ep-font-size-l, 1rem); color: var(--color-warning);
}
.amber-purple .transfer-wrap .order-info li .download-qrcode[data-v-9859cc34] { height: 1.5rem; line-height: 1.5rem; padding: 0 0.4375rem; border: 1px solid var(--color-warning); border-radius: var(--ep-border-radius-m, 0.375rem); color: var(--color-warning); cursor: pointer;
}
.amber-purple .transfer-wrap .order-info li .qr-code-img[data-v-9859cc34] { width: 6.25rem; height: 6.25rem; display: block; border-radius: var(--ep-border-radius-m, 0.375rem);
}
.amber-purple .transfer-wrap .order-info li .bank-icon[data-v-9859cc34] { font-size: var(--ep-font-size-l, 1rem);
}
.amber-purple .transfer-wrap .order-info li .voucher-img-wrap[data-v-9859cc34] { width: 6.25rem; height: 6.25rem; border-radius: var(--ep-border-radius-m, 0.375rem); overflow: hidden; border: 1px solid var(--color-line);
}
.amber-purple .transfer-wrap .order-info li .voucher-img-wrap img[data-v-9859cc34] { width: 100%; height: 100%; object-fit: cover;
}
.amber-purple .transfer-wrap .real-name-area[data-v-9859cc34] { margin-top: 0.75rem;
}
.amber-purple .transfer-wrap .real-name-area .desc-text[data-v-9859cc34] { text-align: left; color: var(--color-text-100); font-size: var(--ep-font-size-s, 0.75rem);
}
.amber-purple .transfer-wrap .real-name-area .input-area[data-v-9859cc34] { text-align: left; margin-top: 0.5rem; width: 100%; height: 2.8125rem;
}
.amber-purple .transfer-wrap .upload-wrap[data-v-9859cc34] { margin-top: 1.125rem; text-align: left;
}
.amber-purple .transfer-wrap .upload-wrap .title[data-v-9859cc34] { color: var(--color-text-100); font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-bold, 700); line-height: 1.75rem;
}
.amber-purple .transfer-wrap .upload-wrap .title .asterisk[data-v-9859cc34] { color: var(--color-danger); margin-left: 0.25rem;
}
.amber-purple .transfer-wrap .upload-wrap .upload-area[data-v-9859cc34] { display: flex; justify-content: start; align-items: center; margin-top: 0.625rem; gap: 0.625rem;
}
.amber-purple .transfer-wrap .upload-wrap .upload-area .rules p[data-v-9859cc34] { color: var(--color-text-40); font-size: var(--ep-font-size-xs, 0.625rem); line-height: 1.125rem;
}
.amber-purple .transfer-wrap .btn-warp[data-v-9859cc34] { display: flex; justify-content: space-between; align-self: center; margin-top: 1.125rem;
}
.amber-purple .transfer-wrap .btn-warp .btn[data-v-9859cc34] { width: 10.375rem; height: 3rem; line-height: 3rem; text-align: center; font-size: var(--ep-font-size-m, 0.875rem); font-weight: var(--ep-font-weight-bold, 700); cursor: pointer; border-radius: var(--ep-border-radius-m, 0.375rem);
}
.amber-purple .transfer-wrap .btn-warp .cancel-btn[data-v-9859cc34] { color: var(--color-text-100); background: var(--color-bg-100);
}
.amber-purple .transfer-wrap .btn-warp .confirm-btn[data-v-9859cc34] { color: var(--text-color-white-100); background: var(--theme-color-gradient-100);
}
.amber-purple .transfer-wrap .btn-warp .confirm-btn.btn-loading[data-v-9859cc34] { opacity: 0.7; pointer-events: none;
}
.amber-purple .transfer-wrap .btn-warp .confirm-btn .btn-spinner[data-v-9859cc34] { width: 1.25rem; height: 1.25rem; color: var(--text-color-white-100); vertical-align: middle;
}
.purple-light #modal-assets-order[data-v-9859cc34] { --height: auto;
}
.purple-light .transfer-wrap[data-v-9859cc34] { width: 22.875rem; background: var(--color-bg-200); box-sizing: border-box; margin: auto; padding: 1.0625rem 0.75rem 1.5rem; border-radius: var(--ep-border-radius-surface-small, 0.75rem); text-align: center;
}
.purple-light .transfer-wrap .title-wrap[data-v-9859cc34] { display: flex; align-items: center;
}
.purple-light .transfer-wrap .title-wrap .title[data-v-9859cc34] { 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-9859cc34] { color: var(--color-text-100);
}
.purple-light .transfer-wrap .status[data-v-9859cc34] { 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-9859cc34] { font-size: 1.25rem;
}
.purple-light .transfer-wrap .status .waiting-icon[data-v-9859cc34] { margin-top: -0.5rem; margin-left: 0.75rem;
}
.purple-light .transfer-wrap .success[data-v-9859cc34] { background: var(--color-success);
}
.purple-light .transfer-wrap .fail[data-v-9859cc34] { background: var(--color-danger);
}
.purple-light .transfer-wrap .waiting[data-v-9859cc34] { background: var(--color-warning);
}
.purple-light .transfer-wrap .stats-text-area[data-v-9859cc34] { font-size: var(--ep-font-size-s, 0.75rem); text-align: center; margin: 8px auto; line-height: 1.5;
}
.purple-light .transfer-wrap .stats-text-area .waiting-text[data-v-9859cc34] { color: var(--color-warning);
}
.purple-light .transfer-wrap .stats-text-area .success-text[data-v-9859cc34] { color: var(--color-success);
}
.purple-light .transfer-wrap .stats-text-area .fail-text[data-v-9859cc34] { color: var(--color-danger);
}
.purple-light .transfer-wrap .stats-text-area .waiting-text-desc[data-v-9859cc34] { color: var(--color-text-40); display: flex; justify-content: center; align-self: center; gap: 0.4375rem;
}
.purple-light .transfer-wrap .stats-text-area .waiting-text-desc .count-down-time[data-v-9859cc34] { color: var(--color-danger);
}
.purple-light .transfer-wrap .amount-area[data-v-9859cc34] { display: flex; justify-content: center; align-items: center; margin: 0 auto 0.75rem;
}
.purple-light .transfer-wrap .amount-area img[data-v-9859cc34] { width: 1.25rem; height: 1.25rem; display: block;
}
.purple-light .transfer-wrap .amount-area .amount[data-v-9859cc34] { 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: 0.25rem;
}
.purple-light .transfer-wrap .amount-desc[data-v-9859cc34] { display: flex; justify-content: center; align-items: center; margin: 0 auto 0.75rem; min-width: 7.5rem;
}
.purple-light .transfer-wrap .amount-desc img[data-v-9859cc34] { width: 1.25rem; height: 1.25rem; display: block;
}
.purple-light .transfer-wrap .amount-desc .ratio[data-v-9859cc34] { height: 1.375rem; display: flex; justify-content: center; align-items: center; font-size: var(--ep-font-size-s, 0.75rem); text-align: center; color: var(--color-text-100); border: 1px solid var(--color-line); padding: 0 0.625rem;
}
.purple-light .transfer-wrap .amount-desc .ratio img[data-v-9859cc34] { width: 1rem; height: 1rem; display: block; margin-right: 0.25rem;
}
.purple-light .transfer-wrap .line[data-v-9859cc34] { width: 100%; border: 1px dashed var(--color-line);
}
.purple-light .transfer-wrap .order-info[data-v-9859cc34] { font-size: var(--ep-font-size-s, 0.75rem); margin: 4px auto;
}
.purple-light .transfer-wrap .order-info li[data-v-9859cc34] { display: flex; justify-content: space-between; margin-bottom: 0.25rem;
}
.purple-light .transfer-wrap .order-info li .sub-text[data-v-9859cc34] { color: var(--color-text-40);
}
.purple-light .transfer-wrap .order-info li .text[data-v-9859cc34] { color: var(--color-text-100);
}
.purple-light .transfer-wrap .order-info li .right-area[data-v-9859cc34] { display: flex; align-items: center; gap: 0.4375rem;
}
.purple-light .transfer-wrap .order-info li .copy-icon[data-v-9859cc34] { font-size: var(--ep-font-size-l, 1rem); color: var(--theme-color-800);
}
.purple-light .transfer-wrap .order-info li .download-qrcode[data-v-9859cc34] { height: 1.5rem; line-height: 1.5rem; padding: 0 0.4375rem; border: 1px solid var(--color-warning); border-radius: var(--ep-border-radius-m, 0.375rem); color: var(--color-warning); cursor: pointer;
}
.purple-light .transfer-wrap .order-info li .qr-code-img[data-v-9859cc34] { width: 6.25rem; height: 6.25rem; display: block; border-radius: var(--ep-border-radius-m, 0.375rem);
}
.purple-light .transfer-wrap .order-info li .bank-icon[data-v-9859cc34] { font-size: var(--ep-font-size-l, 1rem);
}
.purple-light .transfer-wrap .order-info li .voucher-img-wrap[data-v-9859cc34] { width: 6.25rem; height: 6.25rem; border-radius: var(--ep-border-radius-m, 0.375rem); overflow: hidden; border: 1px solid var(--color-line);
}
.purple-light .transfer-wrap .order-info li .voucher-img-wrap img[data-v-9859cc34] { width: 100%; height: 100%; object-fit: cover;
}
.purple-light .transfer-wrap .real-name-area[data-v-9859cc34] { margin-top: 0.75rem;
}
.purple-light .transfer-wrap .real-name-area .desc-text[data-v-9859cc34] { text-align: left; color: var(--color-text-100); font-size: var(--ep-font-size-s, 0.75rem);
}
.purple-light .transfer-wrap .real-name-area .input-area[data-v-9859cc34] { text-align: left; margin-top: 0.5rem; width: 100%; height: 2.8125rem;
}
.purple-light .transfer-wrap .upload-wrap[data-v-9859cc34] { margin-top: 1.125rem; text-align: left;
}
.purple-light .transfer-wrap .upload-wrap .title[data-v-9859cc34] { color: var(--color-text-100); font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-bold, 700); line-height: 1.75rem;
}
.purple-light .transfer-wrap .upload-wrap .title .asterisk[data-v-9859cc34] { color: var(--color-danger); margin-left: 0.25rem;
}
.purple-light .transfer-wrap .upload-wrap .upload-area[data-v-9859cc34] { display: flex; justify-content: start; align-items: center; margin-top: 0.625rem; gap: 0.625rem;
}
.purple-light .transfer-wrap .upload-wrap .upload-area .rules p[data-v-9859cc34] { color: var(--color-text-40); font-size: var(--ep-font-size-xs, 0.625rem); line-height: 1.125rem;
}
.purple-light .transfer-wrap .btn-warp[data-v-9859cc34] { display: flex; justify-content: space-between; align-self: center; margin-top: 1.125rem;
}
.purple-light .transfer-wrap .btn-warp .btn[data-v-9859cc34] { width: 10.375rem; height: 3rem; line-height: 3rem; text-align: center; font-size: var(--ep-font-size-m, 0.875rem); font-weight: var(--ep-font-weight-bold, 700); cursor: pointer; border-radius: var(--ep-border-radius-m, 0.375rem);
}
.purple-light .transfer-wrap .btn-warp .cancel-btn[data-v-9859cc34] { color: var(--color-text-100); background: var(--color-bg-400);
}
.purple-light .transfer-wrap .btn-warp .confirm-btn[data-v-9859cc34] { color: var(--text-color-white-100); background: var(--theme-color-800);
}
.purple-light .transfer-wrap .btn-warp .confirm-btn.btn-loading[data-v-9859cc34] { opacity: 0.7; pointer-events: none;
}
.purple-light .transfer-wrap .btn-warp .confirm-btn .btn-spinner[data-v-9859cc34] { width: 1.25rem; height: 1.25rem; color: var(--text-color-white-100); vertical-align: middle;
}

    /* 源全局 record-wrap 基础字体：时间与订单号继承 12px，后续主题规则仍可覆盖。 */
.record-wrap .middle[data-v-41bb43eb], .record-wrap .bottom[data-v-41bb43eb] { font-size: var(--font-size-12); font-weight: var(--font-weight-regular);
}
.record-wrap[data-v-41bb43eb] { width: 100%; background: var(--color-bg-200); border-radius: var(--rounded-middle); margin-bottom: 1rem; padding: 0.5625rem 0.625rem 0.5rem; box-sizing: border-box; cursor: pointer;
}
.record-wrap .top[data-v-41bb43eb] { 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-41bb43eb] { display: flex; align-items: center; gap: 0.125rem;
}
.record-wrap .top .virtual-currency-icon[data-v-41bb43eb] { width: 1.25rem; height: 1.25rem; display: block;
}
.record-wrap .middle[data-v-41bb43eb] { margin-bottom: 0.375rem; line-height: 1.125rem; color: var(--color-text-gray-300);
}
.record-wrap .middle .virtual-currency-amount[data-v-41bb43eb] { display: flex; align-items: center; gap: 0.125rem;
}
.record-wrap .bottom[data-v-41bb43eb] { line-height: 1.8125rem; color: var(--color-text-gray-300);
}
    /* 长订单号只在展示时省略，保留复制图标和完整状态，避免底行被挤成两行。 */
.record-wrap .bottom[data-v-41bb43eb] { gap: 0.5rem;
}
.record-wrap .bottom .order[data-v-41bb43eb] { min-width: 0;
}
.record-wrap .bottom .order-number[data-v-41bb43eb] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.record-wrap .bottom .copy[data-v-41bb43eb] { flex-shrink: 0;
}
.record-wrap .bottom .status[data-v-41bb43eb] { flex-shrink: 0; white-space: nowrap; text-align: right; font-size: var(--font-size-10);
}
.record-wrap ion-icon.copy[data-v-41bb43eb] { font-size: 1.8rem; vertical-align: middle; margin-left: 0.1875rem; cursor: pointer;
}
.green-default .record-wrap[data-v-41bb43eb], .green-v01 .record-wrap[data-v-41bb43eb], .green-v02 .record-wrap[data-v-41bb43eb] { width: 100%; background: var(--color-bg-400); border-radius: var(--rounded-middle); margin-bottom: 1rem; padding: 0.5625rem 0.625rem 0.5rem; box-sizing: border-box; cursor: pointer;
}
.green-default .record-wrap .top[data-v-41bb43eb], .green-v01 .record-wrap .top[data-v-41bb43eb], .green-v02 .record-wrap .top[data-v-41bb43eb] { 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-41bb43eb], .green-v01 .record-wrap .top .amount-wrap[data-v-41bb43eb], .green-v02 .record-wrap .top .amount-wrap[data-v-41bb43eb] { display: flex; align-items: center; gap: 0.125rem;
}
.green-default .record-wrap .top .virtual-currency-icon[data-v-41bb43eb], .green-v01 .record-wrap .top .virtual-currency-icon[data-v-41bb43eb], .green-v02 .record-wrap .top .virtual-currency-icon[data-v-41bb43eb] { width: 1.25rem; height: 1.25rem; display: block;
}
.green-default .record-wrap .middle[data-v-41bb43eb], .green-v01 .record-wrap .middle[data-v-41bb43eb], .green-v02 .record-wrap .middle[data-v-41bb43eb] { margin-bottom: 0.375rem; line-height: 1.125rem; color: var(--color-text-gray-200);
}
.green-default .record-wrap .middle .virtual-currency-amount[data-v-41bb43eb], .green-v01 .record-wrap .middle .virtual-currency-amount[data-v-41bb43eb], .green-v02 .record-wrap .middle .virtual-currency-amount[data-v-41bb43eb] { display: flex; align-items: center; gap: 0.125rem;
}
.green-default .record-wrap .bottom[data-v-41bb43eb], .green-v01 .record-wrap .bottom[data-v-41bb43eb], .green-v02 .record-wrap .bottom[data-v-41bb43eb] { line-height: 1.8125rem; color: var(--color-text-gray-200);
}
.green-default .record-wrap .bottom .status[data-v-41bb43eb], .green-v01 .record-wrap .bottom .status[data-v-41bb43eb], .green-v02 .record-wrap .bottom .status[data-v-41bb43eb] { font-size: var(--font-size-10);
}
.green-default .record-wrap ion-icon.copy[data-v-41bb43eb], .green-v01 .record-wrap ion-icon.copy[data-v-41bb43eb], .green-v02 .record-wrap ion-icon.copy[data-v-41bb43eb] { font-size: 1.8rem; vertical-align: middle; margin-left: 0.1875rem; cursor: pointer;
}
.forest-green .record-wrap[data-v-41bb43eb] { width: 100%; background: var(--color-bg-200); border-radius: var(--rounded-middle); margin-bottom: 1rem; padding: 0.5625rem 0.625rem 0.5rem; box-sizing: border-box; cursor: pointer;
}
.forest-green .record-wrap .top[data-v-41bb43eb] { 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-41bb43eb] { display: flex; align-items: center; gap: 0.125rem;
}
.forest-green .record-wrap .top .virtual-currency-icon[data-v-41bb43eb] { width: 1.25rem; height: 1.25rem; display: block;
}
.forest-green .record-wrap .middle[data-v-41bb43eb] { margin-bottom: 0.375rem; line-height: 1.125rem; color: var(--color-text-gray-200);
}
.forest-green .record-wrap .middle .virtual-currency-amount[data-v-41bb43eb] { display: flex; align-items: center; gap: 0.125rem;
}
.forest-green .record-wrap .bottom[data-v-41bb43eb] { line-height: 1.8125rem; color: var(--color-text-gray-200);
}
.forest-green .record-wrap .bottom .status[data-v-41bb43eb] { font-size: var(--font-size-10);
}
.forest-green .record-wrap ion-icon.copy[data-v-41bb43eb] { font-size: 1.8rem; vertical-align: middle; margin-left: 0.1875rem; cursor: pointer;
}
.auroral-yellow .record-wrap[data-v-41bb43eb] { width: 100%; background: var(--color-bg-200); border-radius: var(--rounded-middle); margin-bottom: 1rem; padding: 0.5625rem 0.625rem 0.5rem; box-sizing: border-box; cursor: pointer;
}
.auroral-yellow .record-wrap .top[data-v-41bb43eb] { 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-41bb43eb] { display: flex; align-items: center; gap: 0.125rem;
}
.auroral-yellow .record-wrap .top .virtual-currency-icon[data-v-41bb43eb] { width: 1.25rem; height: 1.25rem; display: block;
}
.auroral-yellow .record-wrap .middle[data-v-41bb43eb] { margin-bottom: 0.375rem; line-height: 1.125rem; color: var(--color-text-gray-200);
}
.auroral-yellow .record-wrap .middle .virtual-currency-amount[data-v-41bb43eb] { display: flex; align-items: center; gap: 0.125rem;
}
.auroral-yellow .record-wrap .bottom[data-v-41bb43eb] { line-height: 1.8125rem; color: var(--color-text-gray-200);
}
.auroral-yellow .record-wrap .bottom .status[data-v-41bb43eb] { font-size: var(--font-size-10);
}
.auroral-yellow .record-wrap ion-icon.copy[data-v-41bb43eb] { font-size: 1.8rem; vertical-align: middle; margin-left: 0.1875rem; cursor: pointer;
}
.amber-purple .default .record-wrap[data-v-41bb43eb] { width: 100%; background: var(--color-bg-200); border-radius: var(--rounded-middle); margin-bottom: 1rem; padding: 0.5625rem 0.625rem 0.5rem; box-sizing: border-box; cursor: pointer;
}
.amber-purple .default .record-wrap .top[data-v-41bb43eb] { 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-41bb43eb] { display: flex; align-items: center; gap: 0.125rem;
}
.amber-purple .default .record-wrap .top .virtual-currency-icon[data-v-41bb43eb] { width: 1.25rem; height: 1.25rem; display: block;
}
.amber-purple .default .record-wrap .middle[data-v-41bb43eb] { margin-bottom: 0.375rem; line-height: 1.125rem; color: var(--text-color-light-purple-2-100);
}
.amber-purple .default .record-wrap .middle .virtual-currency-amount[data-v-41bb43eb] { display: flex; align-items: center; gap: 0.125rem;
}
.amber-purple .default .record-wrap .bottom[data-v-41bb43eb] { line-height: 1.8125rem; color: var(--text-color-light-purple-2-100);
}
.amber-purple .default .record-wrap .bottom .status[data-v-41bb43eb] { font-size: var(--font-size-10);
}
.amber-purple .default .record-wrap ion-icon.copy[data-v-41bb43eb] { font-size: 1.8rem; vertical-align: middle; margin-left: 0.1875rem; cursor: pointer;
}
.amber-purple .second .record-wrap[data-v-41bb43eb] { width: 100%; background: var(--color-bg-200); border-radius: var(--rounded-middle); margin-bottom: 1rem; padding: 0.5625rem 0.625rem 0.5rem; box-sizing: border-box; cursor: pointer;
}
.amber-purple .second .record-wrap .top[data-v-41bb43eb] { 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-41bb43eb] { display: flex; align-items: center; gap: 0.125rem;
}
.amber-purple .second .record-wrap .top .virtual-currency-icon[data-v-41bb43eb] { width: 1.25rem; height: 1.25rem; display: block;
}
.amber-purple .second .record-wrap .middle[data-v-41bb43eb] { margin-bottom: 0; line-height: 1.125rem; color: var(--color-text-80);
}
.amber-purple .second .record-wrap .middle .virtual-currency-amount[data-v-41bb43eb] { display: flex; align-items: center; gap: 0.125rem;
}
.amber-purple .second .record-wrap .bottom[data-v-41bb43eb] { line-height: 1.125rem; color: var(--color-text-80);
}
.amber-purple .second .record-wrap .bottom .status[data-v-41bb43eb] { font-size: var(--font-size-10);
}
.amber-purple .second .record-wrap ion-icon.copy[data-v-41bb43eb] { font-size: 1.125rem; vertical-align: middle; margin-left: 0.1875rem; cursor: pointer;
}
.green-dark .record-wrap[data-v-41bb43eb], .yellow-dark .record-wrap[data-v-41bb43eb] { width: 100%; background: var(--color-bg-200); border-radius: var(--rounded-middle); margin-bottom: 1rem; padding: 0.5625rem 0.625rem 0.5rem; box-sizing: border-box; cursor: pointer;
}
.green-dark .record-wrap .top[data-v-41bb43eb], .yellow-dark .record-wrap .top[data-v-41bb43eb] { 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-41bb43eb], .yellow-dark .record-wrap .top .amount-wrap[data-v-41bb43eb] { display: flex; align-items: center; gap: 0.125rem;
}
.green-dark .record-wrap .top .virtual-currency-icon[data-v-41bb43eb], .yellow-dark .record-wrap .top .virtual-currency-icon[data-v-41bb43eb] { width: 1.25rem; height: 1.25rem; display: block;
}
.green-dark .record-wrap .middle[data-v-41bb43eb], .yellow-dark .record-wrap .middle[data-v-41bb43eb] { margin-bottom: 0; line-height: 1.125rem; color: var(--color-text-40);
}
.green-dark .record-wrap .middle .virtual-currency-amount[data-v-41bb43eb], .yellow-dark .record-wrap .middle .virtual-currency-amount[data-v-41bb43eb] { display: flex; align-items: center; gap: 0.125rem;
}
.green-dark .record-wrap .bottom[data-v-41bb43eb], .yellow-dark .record-wrap .bottom[data-v-41bb43eb] { line-height: 1.125rem; color: var(--color-text-40);
}
.green-dark .record-wrap .bottom .status[data-v-41bb43eb], .yellow-dark .record-wrap .bottom .status[data-v-41bb43eb] { font-size: var(--font-size-10);
}
.green-dark .record-wrap ion-icon.copy[data-v-41bb43eb], .yellow-dark .record-wrap ion-icon.copy[data-v-41bb43eb] { font-size: 1.125rem; vertical-align: middle; margin-left: 0.1875rem; cursor: pointer;
}
.purple-light .record-wrap[data-v-41bb43eb] { width: 100%; background: var(--color-bg-200); border-radius: var(--rounded-middle); margin-bottom: 1rem; padding: 0.5625rem 0.625rem 0.5rem; box-sizing: border-box; cursor: pointer;
}
.purple-light .record-wrap .top[data-v-41bb43eb] { 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-41bb43eb] { display: flex; align-items: center; gap: 0.125rem;
}
.purple-light .record-wrap .top .virtual-currency-icon[data-v-41bb43eb] { width: 1.25rem; height: 1.25rem; display: block;
}
.purple-light .record-wrap .middle[data-v-41bb43eb] { margin-bottom: 0; line-height: 1.125rem; color: var(--color-text-80);
}
.purple-light .record-wrap .middle .virtual-currency-amount[data-v-41bb43eb] { display: flex; align-items: center; gap: 0.125rem;
}
.purple-light .record-wrap .bottom[data-v-41bb43eb] { line-height: 1.125rem; color: var(--color-text-80);
}
.purple-light .record-wrap .bottom .status[data-v-41bb43eb] { font-size: var(--font-size-10);
}
.purple-light .record-wrap ion-icon.copy[data-v-41bb43eb] { font-size: 1.125rem; vertical-align: middle; margin-left: 0.1875rem; cursor: pointer;
}
.new-skin-symbol .record-wrap[data-v-41bb43eb] { width: 100%; background: var(--ep-color-background-fill-surface-raised-L1); border-radius: var(--rounded-middle); margin-bottom: 1rem; padding: 0.5625rem 0.625rem 0.5rem; box-sizing: border-box; cursor: pointer;
}
.new-skin-symbol .record-wrap .top[data-v-41bb43eb] { 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-41bb43eb] { display: flex; align-items: center; gap: 0.125rem;
}
.new-skin-symbol .record-wrap .top .virtual-currency-icon[data-v-41bb43eb] { width: 1.25rem; height: 1.25rem; display: block;
}
.new-skin-symbol .record-wrap .middle[data-v-41bb43eb] { margin-bottom: 0.2188rem; line-height: 1.125rem; color: var(--ep-color-text-weaker);
}
.new-skin-symbol .record-wrap .middle .virtual-currency-amount[data-v-41bb43eb] { display: flex; align-items: center; gap: 0.125rem;
}
.new-skin-symbol .record-wrap .bottom[data-v-41bb43eb] { line-height: 1.125rem; color: var(--ep-color-text-weaker);
}
.new-skin-symbol .record-wrap .bottom .status[data-v-41bb43eb] { font-size: var(--font-size-10);
}
.new-skin-symbol .record-wrap ion-icon.copy[data-v-41bb43eb] { font-size: 1.125rem; vertical-align: middle; margin-left: 0.1875rem; cursor: pointer;
}
.new-skin-symbol .record-wrap[data-v-41bb43eb] { border-radius: var(--ep-border-radius-m);
}
.new-skin-symbol .record-wrap .top[data-v-41bb43eb] { font-weight: var(--ep-font-weight-medium); font-size: var(--ep-font-size-s); margin-bottom: 0.7813rem;
}
.new-skin-symbol .record-wrap .bottom[data-v-41bb43eb] { font-weight: var(--ep-font-weight-regular); font-size: var(--ep-font-size-s);
}
.new-skin-symbol .record-wrap .bottom .status[data-v-41bb43eb] { font-size: var(--ep-font-size-s);
}

.top-area[data-v-389d2e96] { margin-bottom: 0.625rem;
}
.top-area .time-filter-wrap[data-v-389d2e96] { height: 2rem; color: var(--color-text-100); padding: 0 0.25rem 0 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-389d2e96] { margin-right: 0.25rem; font-size: 0.75rem; font-weight: var(--font-weight-bold);
}
.top-area .time-filter-wrap .report-select-icon[data-v-389d2e96] { color: var(--color-text-gray-100);
}
.top-area .active[data-v-389d2e96] { border-color: var(--color-text-gray-100);
}
.top-area .active .report-select-icon[data-v-389d2e96] { transform: rotate(180deg);
}
.top-area .total-area[data-v-389d2e96] { font-size: 0.75rem; font-weight: var(--font-weight-bold);
}
.top-area .total-area .currency[data-v-389d2e96] { color: var(--color-success); font-weight: var(--font-weight-bold);
}
ion-icon[data-v-389d2e96] { transition: transform 0.1s linear;
}
.time-popover[data-v-389d2e96] { --width: 22.875rem; --offset-y: 2.5rem;
}
.report-select-row[data-v-389d2e96] { text-align: center; font-size: 0.75rem; width: 100%; padding: 0.375rem 0.625rem; background: var(--color-bg-200);
}
.report-select-row .select-col[data-v-389d2e96] { margin-right: 0.625rem;
}
.report-select-row .item[data-v-389d2e96] { color: var(--color-text-gray-200); border: 1px solid var(--color-line); height: 2.5rem; border-radius: 0.375rem; line-height: 2.5rem; padding: 0 0.25rem; box-sizing: border-box; white-space: nowrap; background: transparent; cursor: pointer; width: 5.625rem;
}
.report-select-row .active[data-v-389d2e96] { 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-389d2e96], .green-v01 .top-area[data-v-389d2e96], .green-v02 .top-area[data-v-389d2e96] { margin-bottom: 0.625rem;
}
.green-default .top-area .time-filter-wrap[data-v-389d2e96], .green-v01 .top-area .time-filter-wrap[data-v-389d2e96], .green-v02 .top-area .time-filter-wrap[data-v-389d2e96] { height: 2rem; color: var(--color-text-gray-100); padding: 0 0.25rem 0 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-389d2e96], .green-v01 .top-area .time-filter-wrap .time[data-v-389d2e96], .green-v02 .top-area .time-filter-wrap .time[data-v-389d2e96] { margin-right: 0.25rem; font-size: 0.75rem; font-weight: var(--font-weight-bold);
}
.green-default .top-area .time-filter-wrap .report-select-icon[data-v-389d2e96], .green-v01 .top-area .time-filter-wrap .report-select-icon[data-v-389d2e96], .green-v02 .top-area .time-filter-wrap .report-select-icon[data-v-389d2e96] { color: var(--color-text-gray-100);
}
.green-default .top-area .active[data-v-389d2e96], .green-v01 .top-area .active[data-v-389d2e96], .green-v02 .top-area .active[data-v-389d2e96] { border-color: var(--color-text-gray-100);
}
.green-default .top-area .active .report-select-icon[data-v-389d2e96], .green-v01 .top-area .active .report-select-icon[data-v-389d2e96], .green-v02 .top-area .active .report-select-icon[data-v-389d2e96] { transform: rotate(180deg);
}
.green-default .top-area .total-area[data-v-389d2e96], .green-v01 .top-area .total-area[data-v-389d2e96], .green-v02 .top-area .total-area[data-v-389d2e96] { font-size: 0.75rem; font-weight: var(--font-weight-bold);
}
.green-default .top-area .total-area .currency[data-v-389d2e96], .green-v01 .top-area .total-area .currency[data-v-389d2e96], .green-v02 .top-area .total-area .currency[data-v-389d2e96] { color: var(--color-success); font-weight: var(--font-weight-bold);
}
.green-default ion-icon[data-v-389d2e96], .green-v01 ion-icon[data-v-389d2e96], .green-v02 ion-icon[data-v-389d2e96] { transition: transform 0.1s linear;
}
.green-default .time-popover[data-v-389d2e96], .green-v01 .time-popover[data-v-389d2e96], .green-v02 .time-popover[data-v-389d2e96] { --width: 22.875rem; --offset-y: 2.5rem;
}
.green-default .report-select-row[data-v-389d2e96], .green-v01 .report-select-row[data-v-389d2e96], .green-v02 .report-select-row[data-v-389d2e96] { text-align: center; font-size: 0.75rem; width: 100%; padding: 0.375rem 0.625rem; background: var(--color-bg-200);
}
.green-default .report-select-row .select-col[data-v-389d2e96], .green-v01 .report-select-row .select-col[data-v-389d2e96], .green-v02 .report-select-row .select-col[data-v-389d2e96] { margin-right: 0.625rem;
}
.green-default .report-select-row .item[data-v-389d2e96], .green-v01 .report-select-row .item[data-v-389d2e96], .green-v02 .report-select-row .item[data-v-389d2e96] { color: var(--color-text-gray-200); border: 1px solid var(--color-line); height: 2.5rem; border-radius: 0.375rem; line-height: 2.5rem; padding: 0 0.25rem; box-sizing: border-box; white-space: nowrap; background: transparent; cursor: pointer; width: 5.625rem;
}
.green-default .report-select-row .active[data-v-389d2e96], .green-v01 .report-select-row .active[data-v-389d2e96], .green-v02 .report-select-row .active[data-v-389d2e96] { 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-389d2e96] { margin-bottom: 0.625rem;
}
.auroral-yellow .top-area .time-filter-wrap[data-v-389d2e96] { height: 2rem; color: var(--color-text-gray-100); padding: 0 0.25rem 0 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-389d2e96] { margin-right: 0.25rem; font-size: 0.75rem; font-weight: var(--font-weight-bold);
}
.auroral-yellow .top-area .time-filter-wrap .report-select-icon[data-v-389d2e96] { color: var(--color-text-gray-100);
}
.auroral-yellow .top-area .active[data-v-389d2e96] { border-color: var(--color-text-gray-100);
}
.auroral-yellow .top-area .active .report-select-icon[data-v-389d2e96] { transform: rotate(180deg);
}
.auroral-yellow .top-area .total-area[data-v-389d2e96] { font-size: 0.75rem; font-weight: var(--font-weight-bold);
}
.auroral-yellow .top-area .total-area .currency[data-v-389d2e96] { color: var(--color-currency); font-weight: var(--font-weight-bold);
}
.auroral-yellow ion-icon[data-v-389d2e96] { transition: transform 0.1s linear;
}
.auroral-yellow .time-popover[data-v-389d2e96] { --width: 22.875rem; --offset-y: 2.5rem;
}
.auroral-yellow .report-select-row[data-v-389d2e96] { text-align: center; font-size: 0.75rem; width: 100%; padding: 0.375rem 0.625rem; background: var(--color-bg-200);
}
.auroral-yellow .report-select-row .select-col[data-v-389d2e96] { margin-right: 0.625rem;
}
.auroral-yellow .report-select-row .item[data-v-389d2e96] { color: var(--color-text-gray-200); border: 1px solid var(--color-line); height: 2.5rem; border-radius: 0.375rem; line-height: 2.5rem; padding: 0 0.25rem; box-sizing: border-box; white-space: nowrap; background: transparent; cursor: pointer; width: 5.625rem;
}
.auroral-yellow .report-select-row .active[data-v-389d2e96] { 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-389d2e96] { margin-bottom: 0.625rem;
}
.amber-purple .top-area .time-filter-wrap[data-v-389d2e96] { height: 2rem; color: var(--text-color-light-purple-1-100); padding: 0 0.25rem 0 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-389d2e96] { margin-right: 0.25rem; font-size: 0.75rem; font-weight: var(--font-weight-bold);
}
.amber-purple .top-area .time-filter-wrap .report-select-icon[data-v-389d2e96] { color: var(--color-text-gray-100);
}
.amber-purple .top-area .active[data-v-389d2e96] { border-color: var(--text-color-light-purple-1-100);
}
.amber-purple .top-area .active .report-select-icon[data-v-389d2e96] { transform: rotate(180deg);
}
.amber-purple .top-area .total-area[data-v-389d2e96] { font-size: 0.75rem; font-weight: var(--font-weight-bold);
}
.amber-purple .top-area .total-area .currency[data-v-389d2e96] { color: var(--color-currency); font-weight: var(--font-weight-bold);
}
.amber-purple ion-icon[data-v-389d2e96] { transition: transform 0.1s linear;
}
.amber-purple .time-popover[data-v-389d2e96] { --width: 22.875rem; --offset-y: 2.5rem;
}
.amber-purple .report-select-row[data-v-389d2e96] { text-align: center; font-size: 0.75rem; width: 100%; padding: 0.375rem 0.625rem; background: var(--color-bg-200);
}
.amber-purple .report-select-row .select-col[data-v-389d2e96] { margin-right: 0.625rem;
}
.amber-purple .report-select-row .item[data-v-389d2e96] { color: var(--text-color-light-purple-2-100); border: 1px solid var(--color-line); height: 2.5rem; border-radius: 0.375rem; line-height: 2.5rem; padding: 0 0.25rem; box-sizing: border-box; white-space: nowrap; background: transparent; cursor: pointer; width: 5.625rem;
}
.amber-purple .report-select-row .active[data-v-389d2e96] { 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-389d2e96] { color: var(--text-color-light-purple-2-100);
}
.green-dark .top-area[data-v-389d2e96] { margin-bottom: 0.625rem;
}
.green-dark .top-area .time-filter-wrap[data-v-389d2e96] { height: 2rem; color: var(--theme-color-800); padding: 0 0.25rem 0 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-389d2e96] { margin-right: 0.25rem; font-size: 0.75rem; font-weight: var(--font-weight-bold);
}
.green-dark .top-area .time-filter-wrap .report-select-icon[data-v-389d2e96] { color: #fff;
}
.green-dark .top-area .active[data-v-389d2e96] { border-color: var(--color-text-gray-100);
}
.green-dark .top-area .active .report-select-icon[data-v-389d2e96] { transform: rotate(180deg);
}
.green-dark .top-area .total-area[data-v-389d2e96] { font-size: 0.75rem; font-weight: var(--font-weight-bold);
}
.green-dark .top-area .total-area .currency[data-v-389d2e96] { color: var(--theme-color-800); font-weight: var(--font-weight-bold);
}
.green-dark ion-icon[data-v-389d2e96] { transition: transform 0.1s linear;
}
.green-dark .time-popover[data-v-389d2e96] { --width: 22.875rem; --offset-y: 2.5rem;
}
.green-dark .report-select-row[data-v-389d2e96] { text-align: center; font-size: 0.75rem; width: 100%; padding: 0.375rem 0.625rem; background: var(--color-bg-200);
}
.green-dark .report-select-row .select-col[data-v-389d2e96] { margin-right: 0.625rem;
}
.green-dark .report-select-row .item[data-v-389d2e96] { color: var(--color-text-80); border: 1px solid var(--color-line); height: 2.5rem; border-radius: 0.375rem; line-height: 2.5rem; padding: 0 0.25rem; box-sizing: border-box; white-space: nowrap; background: transparent; cursor: pointer; width: 5.625rem;
}
.green-dark .report-select-row .active[data-v-389d2e96] { background: var(--color-bg-100); color: var(--theme-color-800); font-weight: var(--font-weight-bold); border: none;
}
.yellow-dark .top-area[data-v-389d2e96] { margin-bottom: 0.625rem;
}
.yellow-dark .top-area .time-filter-wrap[data-v-389d2e96] { height: 2rem; color: var(--color-text-100); padding: 0 0.25rem 0 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-389d2e96] { margin-right: 0.25rem; font-size: 0.75rem; font-weight: var(--font-weight-bold);
}
.yellow-dark .top-area .time-filter-wrap .report-select-icon[data-v-389d2e96] { color: #fff;
}
.yellow-dark .top-area .active[data-v-389d2e96] { border-color: var(--color-text-gray-100);
}
.yellow-dark .top-area .active .report-select-icon[data-v-389d2e96] { transform: rotate(180deg);
}
.yellow-dark .top-area .total-area[data-v-389d2e96] { font-size: 0.75rem; font-weight: var(--font-weight-bold);
}
.yellow-dark .top-area .total-area .currency[data-v-389d2e96] { color: var(--theme-color-800); font-weight: var(--font-weight-bold);
}
.yellow-dark ion-icon[data-v-389d2e96] { transition: transform 0.1s linear;
}
.yellow-dark .time-popover[data-v-389d2e96] { --width: 22.875rem; --offset-y: 2.5rem;
}
.yellow-dark .report-select-row[data-v-389d2e96] { text-align: center; font-size: 0.75rem; width: 100%; padding: 0.375rem 0.625rem; background: var(--color-bg-200);
}
.yellow-dark .report-select-row .select-col[data-v-389d2e96] { margin-right: 0.625rem;
}
.yellow-dark .report-select-row .item[data-v-389d2e96] { color: var(--color-text-80); border: 1px solid var(--color-line); height: 2.5rem; border-radius: 0.375rem; line-height: 2.5rem; padding: 0 0.25rem; box-sizing: border-box; white-space: nowrap; background: transparent; cursor: pointer; width: 5.625rem;
}
.yellow-dark .report-select-row .active[data-v-389d2e96] { background: var(--color-bg-100); color: var(--theme-color-800); font-weight: var(--font-weight-bold); border: none;
}
.purple-light .top-area[data-v-389d2e96] { margin-bottom: 0.625rem;
}
.purple-light .top-area .time-filter-wrap[data-v-389d2e96] { height: 2rem; color: var(--text-color-black-80); padding: 0 0.25rem 0 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-389d2e96] { margin-right: 0.25rem; font-size: 0.75rem; font-weight: var(--font-weight-bold);
}
.purple-light .top-area .time-filter-wrap .report-select-icon[data-v-389d2e96] { color: var(--text-color-black-40);
}
.purple-light .top-area .active[data-v-389d2e96] { border-color: var(--color-text-gray-100);
}
.purple-light .top-area .active .report-select-icon[data-v-389d2e96] { transform: rotate(180deg);
}
.purple-light .top-area .total-area[data-v-389d2e96] { font-size: 0.75rem; font-weight: var(--font-weight-bold);
}
.purple-light .top-area .total-area .currency[data-v-389d2e96] { color: var(--theme-color-800); font-weight: var(--font-weight-bold);
}
.purple-light ion-icon[data-v-389d2e96] { transition: transform 0.1s linear;
}
.purple-light .time-popover[data-v-389d2e96] { --width: 22.875rem; --offset-y: 2.5rem;
}
.purple-light .report-select-row[data-v-389d2e96] { text-align: center; font-size: 0.75rem; width: 100%; padding: 0.375rem 0.625rem; background: var(--color-bg-500);
}
.purple-light .report-select-row .select-col[data-v-389d2e96] { margin-right: 0.625rem;
}
.purple-light .report-select-row .item[data-v-389d2e96] { color: var(--text-color-black-80); border: 1px solid var(--color-line); height: 2.5rem; border-radius: 0.375rem; line-height: 2.5rem; padding: 0 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-389d2e96] { 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-389d2e96] { color: var(--color-text-100);
}
.new-skin-symbol .top-area[data-v-389d2e96] { margin-bottom: 0.625rem;
}
.new-skin-symbol .top-area .time-filter-wrap[data-v-389d2e96] { height: 2rem; color: var(--ep-color-text-default); padding: 0 0.25rem 0 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-389d2e96] { margin-right: 0.25rem; font-size: 0.75rem; font-weight: var(--font-weight-bold);
}
.new-skin-symbol .top-area .time-filter-wrap .report-select-icon[data-v-389d2e96] { color: var(--ep-color-text-default);
}
.new-skin-symbol .top-area .active[data-v-389d2e96] { border-color: var(--color-text-gray-100);
}
.new-skin-symbol .top-area .active .report-select-icon[data-v-389d2e96] { transform: rotate(180deg);
}
.new-skin-symbol .top-area .total-area[data-v-389d2e96] { font-size: 0.75rem; font-weight: var(--font-weight-bold);
}
.new-skin-symbol .top-area .total-area .currency[data-v-389d2e96] { color: var(--ep-color-text-warning); font-weight: var(--font-weight-bold);
}
.new-skin-symbol ion-icon[data-v-389d2e96] { transition: transform 0.1s linear;
}
.new-skin-symbol .time-popover[data-v-389d2e96] { --width: 22.875rem; --offset-y: 2.5rem;
}
.new-skin-symbol .report-select-row[data-v-389d2e96] { text-align: center; font-size: 0.75rem; width: 100%; padding: 0.375rem 0.625rem; background: var(--ep-color-background-fill-surface-raised-L1);
}
.new-skin-symbol .report-select-row .select-col[data-v-389d2e96] { margin-right: 0.625rem;
}
.new-skin-symbol .report-select-row .item[data-v-389d2e96] { color: var(--ep-color-text-weaker); border: 1px solid var(--color-line); height: 2.5rem; border-radius: 0.375rem; line-height: 2.5rem; padding: 0 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-389d2e96] { 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-389d2e96] { color: var(--ep-color-text-default);
}
.new-skin-symbol .top-area[data-v-389d2e96] { margin-top: 1.4375rem;
}
.new-skin-symbol .top-area .time-filter-wrap[data-v-389d2e96] { 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-389d2e96] { font-size: var(--ep-font-size-s); font-weight: var(--ep-font-weight-bold);
}
.new-skin-symbol .top-area .total-area[data-v-389d2e96] { 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-389d2e96] { font-weight: var(--ep-font-weight-bold);
}
.new-skin-symbol .report-select-row[data-v-389d2e96] { font-size: var(--ep-font-size-s);
}
.new-skin-symbol .report-select-row .item[data-v-389d2e96] { border-radius: var(--ep-border-radius-m); font-weight: var(--ep-font-weight-medium);
}
.new-skin-symbol .report-select-row .active[data-v-389d2e96] { font-weight: var(--ep-font-weight-bold);
}

ion-header.navigation[data-v-6c99b29c] { --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.navigation-shadow[data-v-6c99b29c] { box-shadow: 0 4px 28.4px rgba(0, 0, 0, 0.1);
}
ion-header.navigation ion-toolbar[data-v-6c99b29c] { height: 3.125rem; --background: var(--v5cfd891e); --padding-top: 0;
}
ion-button[data-v-6c99b29c] { --padding-start: 0.875rem; --padding-end: 0.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-6c99b29c] { 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-6c99b29c] { 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));
}

ion-infinite-scroll-content[data-v-267f664c] { min-height: 10px;
}
.record-loading[data-v-267f664c] { padding: 1.5rem; text-align: center; color: var(--color-text-gray-200);
}
    /* 源全局 empty-bg-img 规则，素材通过统一 gimage 引用。 */
.empty-bg-img[data-v-267f664c] { background-color: transparent; background-repeat: no-repeat; background-size: 7.5rem;
}

.fixedBottom-footer[data-v-23de2174] {
        width: 24.25rem;
        position: fixed;
        bottom: 0;
        left: 50%;
        transform: translate(-50%);
        height: var(--v5bdd8966);
        background: linear-gradient(180deg, rgba(26, 29, 34, 0) 0%, var(--color-bg-300) 74.74%);
}
.fixedBottom-footer .btn-warp[data-v-23de2174] {
        width: 22.875rem;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        opacity: 1;
}
.footer-assets[data-v-23de2174] {
        margin: 0 auto;
        width: 22.8125rem;
        height: 3.125rem;
        line-height: 3.125rem;
}
.footer-assets .btn-warp[data-v-23de2174] {
        width: 100%;
        height: 100%;
        line-height: inherit;
}
.purple-light .fixedBottom-footer[data-v-23de2174] {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 32.52%, var(--color-bg-500) 100%);
}
.amber-purple .fixedBottom-footer[data-v-23de2174] {
        background: linear-gradient(207deg, rgba(38, 35, 70, 0.59) 26.98%, rgba(22, 19, 40, 0.59) 82.97%);
}
.amber-purple .fixedBottom-footer .btn-warp[data-v-23de2174] {
        background-color: var(--color-bg-500);
        border-radius: var(--layout-radius-basic);
}
.new-skin-symbol .fixedBottom-footer[data-v-23de2174] {
        width: 24.25rem;
        position: fixed;
        bottom: 0;
        left: 50%;
        transform: translate(-50%);
        height: var(--v5bdd8966);
        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-23de2174] {
        width: 22.875rem;
        position: absolute;
        bottom: var(--v20a11f75);
        left: 50%;
        transform: translate(-50%);
        opacity: 1;
}
.new-skin-symbol .footer-assets[data-v-23de2174] {
        margin: 0 auto;
        width: 22.8125rem;
        height: 3.125rem;
        line-height: 3.125rem;
}
.new-skin-symbol .footer-assets .btn-warp[data-v-23de2174] {
        width: 100%;
        height: 100%;
        line-height: inherit;
}

ion-content.bind-CPF-content[data-v-8400300c] { --background: var(--color-bg-300); --padding-start: 0.75rem; --padding-end: 0.75rem;
}
ion-content.bind-CPF-content .tip-text[data-v-8400300c] { font-size: var(--ep-font-size-s, 0.75rem); color: var(--color-text-gray-200); line-height: 1.125rem; margin: 1.25rem auto;
}
ion-content.bind-CPF-content .form-wrap[data-v-8400300c] { margin-bottom: 4.375rem;
}
ion-content.bind-CPF-content .form-wrap .item[data-v-8400300c] { margin-top: 1.9rem;
}
ion-content.bind-CPF-content .form-wrap .label[data-v-8400300c] { font-size: var(--ep-font-size-s, 0.75rem); line-height: 1.125rem; margin: 0.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-8400300c] { width: 22.8125rem; height: 2.875rem; line-height: 2.875rem; background: #070b18;
}
.blue-default ion-content.bind-CPF-content[data-v-8400300c] { --background: var(--color-bg-300); --padding-start: 0.75rem; --padding-end: 0.75rem;
}
.blue-default ion-content.bind-CPF-content .tip-text[data-v-8400300c] { font-size: var(--ep-font-size-s, 0.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-8400300c] { margin-bottom: 4.375rem;
}
.blue-default ion-content.bind-CPF-content .form-wrap .item[data-v-8400300c] { margin-top: 1.9rem;
}
.blue-default ion-content.bind-CPF-content .form-wrap .label[data-v-8400300c] { font-size: var(--ep-font-size-s, 0.75rem); line-height: 1.125rem; margin: 0.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-8400300c] { width: 22.8125rem; height: 2.875rem; line-height: 2.875rem; background: #070b18;
}
.green-default ion-content.bind-CPF-content[data-v-8400300c], .green-v01 ion-content.bind-CPF-content[data-v-8400300c], .green-v02 ion-content.bind-CPF-content[data-v-8400300c] { --background: var(--color-bg-300); --padding-start: 0.75rem; --padding-end: 0.75rem;
}
.green-default ion-content.bind-CPF-content .tip-text[data-v-8400300c], .green-v01 ion-content.bind-CPF-content .tip-text[data-v-8400300c], .green-v02 ion-content.bind-CPF-content .tip-text[data-v-8400300c] { font-size: var(--ep-font-size-s, 0.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-8400300c], .green-v01 ion-content.bind-CPF-content .form-wrap[data-v-8400300c], .green-v02 ion-content.bind-CPF-content .form-wrap[data-v-8400300c] { margin-bottom: 4.375rem;
}
.green-default ion-content.bind-CPF-content .form-wrap .item[data-v-8400300c], .green-v01 ion-content.bind-CPF-content .form-wrap .item[data-v-8400300c], .green-v02 ion-content.bind-CPF-content .form-wrap .item[data-v-8400300c] { margin-top: 1.9rem;
}
.green-default ion-content.bind-CPF-content .form-wrap .label[data-v-8400300c], .green-v01 ion-content.bind-CPF-content .form-wrap .label[data-v-8400300c], .green-v02 ion-content.bind-CPF-content .form-wrap .label[data-v-8400300c] { font-size: var(--ep-font-size-s, 0.75rem); line-height: 1.125rem; margin: 0.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-8400300c], .green-v01 ion-content.bind-CPF-content .form-wrap .input-area[data-v-8400300c], .green-v02 ion-content.bind-CPF-content .form-wrap .input-area[data-v-8400300c] { width: 22.8125rem; height: 2.875rem; line-height: 2.875rem; background: var(--color-bg-400);
}
.yellow-dark ion-content.bind-CPF-content[data-v-8400300c], .green-dark ion-content.bind-CPF-content[data-v-8400300c] { --background: var(--color-bg-300); --padding-start: 0.75rem; --padding-end: 0.75rem;
}
.yellow-dark ion-content.bind-CPF-content .tip-text[data-v-8400300c], .green-dark ion-content.bind-CPF-content .tip-text[data-v-8400300c] { font-size: var(--ep-font-size-s, 0.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-8400300c], .green-dark ion-content.bind-CPF-content .form-wrap[data-v-8400300c] { margin-bottom: 4.375rem;
}
.yellow-dark ion-content.bind-CPF-content .form-wrap .item[data-v-8400300c], .green-dark ion-content.bind-CPF-content .form-wrap .item[data-v-8400300c] { margin-top: 1.9rem;
}
.yellow-dark ion-content.bind-CPF-content .form-wrap .label[data-v-8400300c], .green-dark ion-content.bind-CPF-content .form-wrap .label[data-v-8400300c] { font-size: var(--ep-font-size-s, 0.75rem); line-height: 1.125rem; margin: 0.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-8400300c], .green-dark ion-content.bind-CPF-content .form-wrap .input-area[data-v-8400300c] { width: 22.8125rem; height: 2.875rem; line-height: 2.875rem; background: var(--color-bg-400);
}
.purple-light ion-content.bind-CPF-content[data-v-8400300c] { --background: var(--color-bg-300); --padding-start: 0.75rem; --padding-end: 0.75rem;
}
.purple-light ion-content.bind-CPF-content .tip-text[data-v-8400300c] { font-size: var(--ep-font-size-s, 0.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-8400300c] { margin-bottom: 4.375rem;
}
.purple-light ion-content.bind-CPF-content .form-wrap .item[data-v-8400300c] { margin-top: 1.9rem;
}
.purple-light ion-content.bind-CPF-content .form-wrap .label[data-v-8400300c] { font-size: var(--ep-font-size-s, 0.75rem); line-height: 1.125rem; margin: 0.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-8400300c] { width: 22.8125rem; height: 2.875rem; line-height: 2.875rem; background: var(--color-bg-400);
}
.amber-purple ion-content.bind-CPF-content[data-v-8400300c] { --background: var(--color-bg-300); --padding-start: 0.75rem; --padding-end: 0.75rem;
}
.amber-purple ion-content.bind-CPF-content .tip-text[data-v-8400300c] { font-size: var(--ep-font-size-s, 0.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-8400300c] { margin-bottom: 4.375rem;
}
.amber-purple ion-content.bind-CPF-content .form-wrap .item[data-v-8400300c] { margin-top: 1.9rem;
}
.amber-purple ion-content.bind-CPF-content .form-wrap .label[data-v-8400300c] { font-size: var(--ep-font-size-s, 0.75rem); line-height: 1.125rem; margin: 0.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-8400300c] { width: 22.8125rem; height: 2.875rem; line-height: 2.875rem; background: var(--color-bg-400);
}
.auroral-yellow ion-content.bind-CPF-content[data-v-8400300c] { --background: var(--color-bg-300); --padding-start: 0.75rem; --padding-end: 0.75rem;
}
.auroral-yellow ion-content.bind-CPF-content .tip-text[data-v-8400300c] { font-size: var(--ep-font-size-s, 0.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-8400300c] { margin-bottom: 4.375rem;
}
.auroral-yellow ion-content.bind-CPF-content .form-wrap .item[data-v-8400300c] { margin-top: 1.9rem;
}
.auroral-yellow ion-content.bind-CPF-content .form-wrap .label[data-v-8400300c] { font-size: var(--ep-font-size-s, 0.75rem); line-height: 1.125rem; margin: 0.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-8400300c] { 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-8400300c] { --background: var(--ep-color-background-fill-body-default); --padding-start: 0.75rem; --padding-end: 0.75rem;
}
.new-skin-symbol ion-content.bind-CPF-content .tip-text[data-v-8400300c] { font-size: var(--ep-font-size-s, 0.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-8400300c] { margin-bottom: 4.375rem;
}
.new-skin-symbol ion-content.bind-CPF-content .form-wrap .item[data-v-8400300c] { margin-top: 1.9rem;
}
.new-skin-symbol ion-content.bind-CPF-content .form-wrap .label[data-v-8400300c] { font-size: var(--ep-font-size-s, 0.75rem); line-height: 1.125rem; margin: 0.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-8400300c] { width: 22.8125rem; height: 2.875rem; line-height: 2.875rem; background: transparent;
}

ion-button[data-v-8400300c]::part(native) { width: 6.875rem; height: 2.1875rem; border-radius: 0.3125rem;
}
.btnList[data-v-8400300c]:nth-child(2) { margin-left: 1.875rem;
}
.bg-img-wrapper[data-v-8400300c] { 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-8400300c] { min-height: 2.1875rem; --background: var(--color-bg-btn-popup-cancel); --color: var(--color-text-btn-basic); --box-shadow: none; font-size: 0.75rem;
}
.rightBtn[data-v-8400300c] { min-height: 2.1875rem; --background: transparent; --background-activated: transparent; --border-width: 0.0625rem; --border-style: solid; --border-color: var(--color-border-popup-confirm); --color: #595959; --box-shadow: none; font-size: 0.75rem;
}

ion-content[data-v-7ad8760b] { --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-7ad8760b] { font-size: 0.875rem;
}
ion-content h6.top[data-v-7ad8760b] { font-size: 0.75rem; line-height: 1rem;
}
ion-content h6.middle[data-v-7ad8760b] { font-size: 0.75rem; line-height: 1rem;
}
ion-content h6.bottom[data-v-7ad8760b] { font-size: 0.625rem; margin-bottom: 1.75rem;
}
ion-button.confirm[data-v-7ad8760b] { --color: #fff; --border-radius: 0.625rem; text-transform: none; margin-left: 3rem; margin-right: 3rem; min-height: 2.5rem;
}
ion-button.confirm ion-spinner[data-v-7ad8760b] { z-index: 10; width: 1.25rem; height: 1.25rem;
}
.header[data-v-7ad8760b] { color: var(--color-text-100);
}
.label[data-v-7ad8760b] { color: var(--color-text-gray-200);
}
ion-button.confirm[data-v-7ad8760b] { --background: var(--theme-color-gradient-100); --background-activated: var(--theme-color-gradient-100); --color: var(--color-text-white-100);
}
ion-spinner[data-v-7ad8760b] { --color: var(--theme-color-gradient-100);
}
.blue-default .header[data-v-7ad8760b] { color: var(--color-text-100);
}
.blue-default .label[data-v-7ad8760b] { color: var(--color-text-gray-200);
}
.blue-default ion-button.confirm[data-v-7ad8760b] { --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-7ad8760b] { --color: var(--theme-color-gradient-100);
}
.green-default .header[data-v-7ad8760b] { color: var(--color-text-100);
}
.green-default .label[data-v-7ad8760b] { color: var(--color-text-gray-200);
}
.green-default ion-button.confirm[data-v-7ad8760b] { --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-7ad8760b] { --color: var(--theme-color-gradient-100);
}
.amber-purple .header[data-v-7ad8760b] { color: var(--color-text-100);
}
.amber-purple .label[data-v-7ad8760b] { color: var(--color-text-gray-200);
}
.amber-purple ion-button.confirm[data-v-7ad8760b] { --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-7ad8760b] { --color: var(--theme-color-gradient-100);
}
.auroral-yellow .header[data-v-7ad8760b] { color: var(--color-text-100);
}
.auroral-yellow .label[data-v-7ad8760b] { color: var(--color-text-gray-200);
}
.auroral-yellow ion-button.confirm[data-v-7ad8760b] { --background: var(--theme-color-800); --background-activated: var(--theme-color-800); --color: var(--color-text-black-100);
}
.auroral-yellow ion-spinner[data-v-7ad8760b] { --color: var(--theme-color-800);
}
ion-toolbar[data-v-7ad8760b] .withdraw-password-back-icon { font-size: var(--font-size-back-button);
}

ion-content[data-v-4042e981] { --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-4042e981] { margin-top: 3.9375rem; display: flex; align-items: center; flex-direction: column;
}
ion-content .top ion-icon[data-v-4042e981] { font-size: 3.4375rem;
}
ion-content .top p.status[data-v-4042e981] { font-size: 1rem; line-height: 1.375rem; padding-top: 0.9375rem; padding-bottom: 0.9375rem;
}
ion-content .top p.tip[data-v-4042e981] { font-size: 0.875rem; line-height: 1.375rem;
}
ion-content .btn[data-v-4042e981] { align-items: center; justify-content: center; display: flex; gap: 1.125rem; margin-top: 2.5rem;
}
.btnBase[data-v-4042e981] { --border-radius: 0.625rem; font-size: 0.75rem; width: 10.3125rem; height: 2.5rem;
}
.btnContinueWithdraw[data-v-4042e981] { --background: transparent; --border-width: 0.0625rem; --border-style: solid;
}
.btnBase[data-v-4042e981] { --color: var(--color-text-white-100);
}
.btnGoHomePage[data-v-4042e981] { --background: var(--theme-color-gradient-100); --background-activated: var(--theme-color-gradient-100); --color: var(--color-text-white-100);
}
.btnContinueWithdraw[data-v-4042e981] { --border-color: var(--color-border); --color: var(--color-text-white-100); --background: var(--color-bg-300);
}
.blue-default .btnBase[data-v-4042e981] { --color: var(--color-text-white-100);
}
.blue-default .btnGoHomePage[data-v-4042e981] { --background: var(--theme-color-gradient-100); --background-activated: var(--theme-color-gradient-100); --color: var(--color-text-white-100);
}
.blue-default .btnContinueWithdraw[data-v-4042e981] { --border-color: var(--color-border); --color: var(--color-text-white-100); --background: var(--color-bg-300);
}
.green-default .btnBase[data-v-4042e981] { --color: var(--color-text-white-100);
}
.green-default .btnGoHomePage[data-v-4042e981] { --background: var(--theme-color-gradient-100); --background-activated: var(--theme-color-gradient-100); --color: var(--color-text-white-100);
}
.green-default .btnContinueWithdraw[data-v-4042e981] { --border-color: var(--color-line); --color: var(--color-text-white-100); --background: var(--color-bg-300);
}
.amber-purple .btnBase[data-v-4042e981] { --color: var(--color-text-white-100);
}
.amber-purple .btnGoHomePage[data-v-4042e981] { --background: var(--theme-color-gradient-100); --background-activated: var(--theme-color-gradient-100); --color: var(--color-text-white-100);
}
.amber-purple .btnContinueWithdraw[data-v-4042e981] { --border-color: var(--color-line); --color: var(--color-text-white-100); --background: var(--color-bg-300);
}
.auroral-yellow .btnBase[data-v-4042e981] { --color: var(--color-text-white-100);
}
.auroral-yellow .btnGoHomePage[data-v-4042e981] { --background: var(--theme-color-800); --background-activated: var(--theme-color-800); --color: var(--color-text-black-100);
}
.auroral-yellow .btnContinueWithdraw[data-v-4042e981] { --border-color: var(--color-line); --color: var(--color-text-white-100); --background: var(--color-bg-200);
}

.tab-list[data-v-a0b9f4e2] { width: 22.125rem; margin: 1.5rem auto 2.1875rem; box-sizing: border-box;
}
.tab-list ion-segment[data-v-a0b9f4e2] { --background: transparent; height: 2.75rem; border-radius: var(--rounded-small) !important;
}
.tab-list ion-segment-button.ios[data-v-a0b9f4e2]::part(native) { color: var(--color-text-80);
}
.tab-list .segment-button-checked.ios[data-v-a0b9f4e2]::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-a0b9f4e2]::part(indicator-background) { background: var(--color-bg-100);
}
.tab-list ion-segment-button[data-v-a0b9f4e2] { --border-radius: var(--rounded-small); --padding-start: 12px; --padding-end: 12px; min-width: 7.5rem;
}
.first .tab-list[data-v-a0b9f4e2] { border: 1px solid var(--color-line); background-color: var(--color-bg-200); border-radius: var(--rounded-middle);
}
.first .tab-list ion-segment[data-v-a0b9f4e2] { --background: var(--color-bg-200) !important;
}
.default .segment-button-checked.ios[data-v-a0b9f4e2]::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-a0b9f4e2] { --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-a0b9f4e2]::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-a0b9f4e2] { --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-a0b9f4e2]::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-a0b9f4e2] { --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-a0b9f4e2]::part(native) { color: var(--text-color-light-purple-1-100);
}
.amber-purple .second .tab-list[data-v-a0b9f4e2] { 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-a0b9f4e2] { --background: var(--color-bg-200) !important;
}
.amber-purple .second .tab-list[data-v-a0b9f4e2] { background: var(--color-bg-second);
}
.amber-purple .second .tab-list .segment-button-checked .textColorBg[data-v-a0b9f4e2] { 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-a0b9f4e2]::part(native) { color: var(--color-text-first);
}
.purple-light .tab-list .segment-button-checked.ios[data-v-a0b9f4e2]::part(native) { color: var(--color-text-secondary-1);
}
.purple-light .tab-list ion-segment-button[data-v-a0b9f4e2]::part(indicator-background) { background: var(--theme-color-800);
}
.new-skin-symbol .tab-list[data-v-a0b9f4e2] { 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, 0.375rem); background: var(--ep-color-background-fill-surface-raised-L1);
}
.new-skin-symbol .tab-list ion-segment[data-v-a0b9f4e2] { --background: transparent; height: 2.75rem; border-radius: var(--ep-border-radius-s, 0.25rem) !important; background: var(--ep-color-background-fill-surface-raised-L1);
}
.new-skin-symbol .tab-list ion-segment-button.ios[data-v-a0b9f4e2]::part(native) { color: var(--ep-color-text-default);
}
.new-skin-symbol .tab-list .segment-button-checked.ios[data-v-a0b9f4e2]::part(native) { color: var(--ep-color-text-selected); font-weight: var(--ep-font-weight-bold, 700); font-size: var(--ep-font-size-m, 0.875rem); border-radius: var(--ep-border-radius-s, 0.25rem);
}
.new-skin-symbol .tab-list ion-segment-button[data-v-a0b9f4e2]::part(indicator-background) { background: var(--ep-color-background-fill-surface-raised-L2);
}
.new-skin-symbol .tab-list ion-segment-button[data-v-a0b9f4e2] { --border-radius: var(--ep-border-radius-s, 0.25rem); --padding-start: 0.75rem; --padding-end: 0.75rem; min-width: 7.5rem; --margin-top: 0.1875rem; --margin-bottom: 0.1875rem;
}

ion-content.w-account[data-v-94cd85b3] { --padding-top: 1.0625rem; --padding-bottom: 1.0625rem;
}
.purple-light .radio-wrap[data-v-94cd85b3], .amber-purple .radio-wrap[data-v-94cd85b3], .auroral-yellow .radio-wrap[data-v-94cd85b3], .green-default .radio-wrap[data-v-94cd85b3], .blue-default .radio-wrap[data-v-94cd85b3], .green-dark .radio-wrap[data-v-94cd85b3], .yellow-dark .radio-wrap[data-v-94cd85b3] { color: var(--color-text-80); gap: 0.25rem; font-size: var(--ep-font-size-s, 0.75rem);
}
.purple-light .radio-wrap ion-radio[data-v-94cd85b3]::part(container), .amber-purple .radio-wrap ion-radio[data-v-94cd85b3]::part(container), .auroral-yellow .radio-wrap ion-radio[data-v-94cd85b3]::part(container), .green-default .radio-wrap ion-radio[data-v-94cd85b3]::part(container), .blue-default .radio-wrap ion-radio[data-v-94cd85b3]::part(container), .green-dark .radio-wrap ion-radio[data-v-94cd85b3]::part(container), .yellow-dark .radio-wrap ion-radio[data-v-94cd85b3]::part(container) { width: 1rem; height: 1rem; border-radius: 50%; border: 1px solid var(--color-text-40);
}
.purple-light .radio-wrap ion-radio[data-v-94cd85b3]::part(mark), .amber-purple .radio-wrap ion-radio[data-v-94cd85b3]::part(mark), .auroral-yellow .radio-wrap ion-radio[data-v-94cd85b3]::part(mark), .green-default .radio-wrap ion-radio[data-v-94cd85b3]::part(mark), .blue-default .radio-wrap ion-radio[data-v-94cd85b3]::part(mark), .green-dark .radio-wrap ion-radio[data-v-94cd85b3]::part(mark), .yellow-dark .radio-wrap ion-radio[data-v-94cd85b3]::part(mark) { background: none; transition: none; transform: none; border-radius: 0;
}
.purple-light .radio-wrap ion-radio.radio-checked[data-v-94cd85b3]::part(container), .amber-purple .radio-wrap ion-radio.radio-checked[data-v-94cd85b3]::part(container), .auroral-yellow .radio-wrap ion-radio.radio-checked[data-v-94cd85b3]::part(container), .green-default .radio-wrap ion-radio.radio-checked[data-v-94cd85b3]::part(container), .blue-default .radio-wrap ion-radio.radio-checked[data-v-94cd85b3]::part(container), .green-dark .radio-wrap ion-radio.radio-checked[data-v-94cd85b3]::part(container), .yellow-dark .radio-wrap ion-radio.radio-checked[data-v-94cd85b3]::part(container) { background: var(--color-text-100); border-color: var(--color-text-80);
}
.purple-light .radio-wrap ion-radio.radio-checked[data-v-94cd85b3]::part(mark), .amber-purple .radio-wrap ion-radio.radio-checked[data-v-94cd85b3]::part(mark), .auroral-yellow .radio-wrap ion-radio.radio-checked[data-v-94cd85b3]::part(mark), .green-default .radio-wrap ion-radio.radio-checked[data-v-94cd85b3]::part(mark), .blue-default .radio-wrap ion-radio.radio-checked[data-v-94cd85b3]::part(mark), .green-dark .radio-wrap ion-radio.radio-checked[data-v-94cd85b3]::part(mark), .yellow-dark .radio-wrap ion-radio.radio-checked[data-v-94cd85b3]::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-94cd85b3] { color: var(--color-text-gray-200); gap: 0.25rem; font-size: var(--ep-font-size-s, 0.75rem);
}
.forest-green .radio-wrap ion-radio[data-v-94cd85b3]::part(container) { width: 1rem; height: 1rem; border-radius: 50%; border: 1px solid var(--color-text-40);
}
.forest-green .radio-wrap ion-radio[data-v-94cd85b3]::part(mark) { background: none; transition: none; transform: none; border-radius: 0;
}
.forest-green .radio-wrap ion-radio.radio-checked[data-v-94cd85b3]::part(container) { background: var(--color-text-100); border-color: var(--color-text-80);
}
.forest-green .radio-wrap ion-radio.radio-checked[data-v-94cd85b3]::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-94cd85b3] { color: var(--ep-color-text-weaker); gap: 0.25rem; font-size: var(--ep-font-size-s, 0.75rem);
}
.new-skin-symbol .radio-wrap ion-radio[data-v-94cd85b3]::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-94cd85b3]::part(mark) { background: none; transition: none; transform: none; border-radius: 0;
}
.new-skin-symbol .radio-wrap ion-radio.radio-checked[data-v-94cd85b3]::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-94cd85b3]::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);
}

.select-content[data-v-e8fd900a] { --padding-bottom: 1.625rem; --background: var(--color-bg-400);
}
.select-border[data-v-e8fd900a] { width: 100%; height: 100%; border: 1px solid var(--color-line); box-sizing: border-box; padding: 0 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-e8fd900a] { color: var(--color-text-40); font-weight: var(--font-weight-regular);
}
.select-border .rotate-90[data-v-e8fd900a] { transform: rotate(-90deg);
}
.select-border .arrow[data-v-e8fd900a] { font-size: 0.875rem; color: var(--color-text-40);
}
.img-wrap[data-v-e8fd900a] { width: 1.625rem; height: 1.625rem; border-radius: 50%; overflow: hidden; margin-right: 0.5rem;
}
.img-wrap img[data-v-e8fd900a] { width: 100%; height: 100%;
}
.name-wrap[data-v-e8fd900a] { line-height: inherit;
}
.name-wrap .name-inner[data-v-e8fd900a] { display: inline-block; line-height: 1; vertical-align: middle;
}
.select-list[data-v-e8fd900a] { padding-bottom: 0.75rem; background: var(--color-bg-300); overflow: scroll;
}
.select-list ion-searchbar[data-v-e8fd900a] { --background: var(--color-bg-200); --color: var(--color-text-100); --placeholder-color: var(--color-text-40); --icon-color: var(--color-text-40); --border-radius: 0.25rem;
}
.select-list .select-item[data-v-e8fd900a] { background: var(--color-bg-300); padding: 0 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: 0.25rem; width: 22.875rem; margin: 0 auto 0.5rem;
}
.select-list .select-item .select-item-inner[data-v-e8fd900a] { display: flex; align-items: center; justify-content: space-between;
}
.select-list .active[data-v-e8fd900a] { background: var(--color-bg-200);
}
.select-list .radio-wrap ion-radio[data-v-e8fd900a] { --color-checked: var(--line-color);
}
.select-list .radio-wrap ion-radio.select.ios[data-v-e8fd900a]::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-e8fd900a]::part(container) { border-color: var(--line-color); background-color: var(--theme-color-800);
}
.purple-light .select-list[data-v-e8fd900a] { padding-bottom: 0.75rem; background: var(--color-bg-300); overflow: scroll;
}
.purple-light .select-list ion-searchbar[data-v-e8fd900a] { --background: var(--color-bg-200); --color: var(--color-text-100); --placeholder-color: var(--color-text-40); --icon-color: var(--color-text-40); --border-radius: 0.25rem;
}
.purple-light .select-list .select-item[data-v-e8fd900a] { background: var(--color-bg-300); padding: 0 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: 0.25rem; width: 22.875rem; margin: 0 auto 0.5rem;
}
.purple-light .select-list .select-item .select-item-inner[data-v-e8fd900a] { display: flex; align-items: center; justify-content: space-between;
}
.purple-light .select-list .active[data-v-e8fd900a] { background: var(--color-bg-200);
}
.purple-light .select-list .radio-wrap ion-radio[data-v-e8fd900a] { --color-checked: var(--color-text-secondary-1);
}
.purple-light .select-list .radio-wrap ion-radio.select.ios[data-v-e8fd900a]::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-e8fd900a]::part(container) { border-color: var(--color-text-secondary-1); background-color: var(--accent-color-orange);
}
.blue-default .select-list[data-v-e8fd900a], .green-default .select-list[data-v-e8fd900a] { padding-bottom: 0.75rem; background: var(--color-bg-300); overflow: scroll;
}
.blue-default .select-list ion-searchbar[data-v-e8fd900a], .green-default .select-list ion-searchbar[data-v-e8fd900a] { --background: var(--color-bg-200); --color: var(--color-text-100); --placeholder-color: var(--color-text-40); --icon-color: var(--color-text-40); --border-radius: 0.25rem;
}
.blue-default .select-list .select-item[data-v-e8fd900a], .green-default .select-list .select-item[data-v-e8fd900a] { background: var(--color-bg-300); padding: 0 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: 0.25rem; width: 22.875rem; margin: 0 auto 0.5rem;
}
.blue-default .select-list .select-item .select-item-inner[data-v-e8fd900a], .green-default .select-list .select-item .select-item-inner[data-v-e8fd900a] { display: flex; align-items: center; justify-content: space-between;
}
.blue-default .select-list .active[data-v-e8fd900a], .green-default .select-list .active[data-v-e8fd900a] { background: var(--color-bg-200);
}
.blue-default .select-list .radio-wrap ion-radio[data-v-e8fd900a], .green-default .select-list .radio-wrap ion-radio[data-v-e8fd900a] { --color-checked: var(--line-color);
}
.blue-default .select-list .radio-wrap ion-radio.select.ios[data-v-e8fd900a]::part(container), .green-default .select-list .radio-wrap ion-radio.select.ios[data-v-e8fd900a]::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-e8fd900a]::part(container), .green-default .select-list .radio-wrap .radio-checked.select.ios[data-v-e8fd900a]::part(container) { border-color: var(--line-color); background-color: var(--accent-color-yellow);
}
.amber-purple .select-list[data-v-e8fd900a] { padding-bottom: 0.75rem; background: var(--color-bg-300); overflow: scroll;
}
.amber-purple .select-list ion-searchbar[data-v-e8fd900a] { --background: var(--color-bg-200); --color: var(--color-text-100); --placeholder-color: var(--color-text-40); --icon-color: var(--color-text-40); --border-radius: 0.25rem;
}
.amber-purple .select-list .select-item[data-v-e8fd900a] { background: var(--color-bg-300); padding: 0 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: 0.25rem; width: 22.875rem; margin: 0 auto 0.5rem;
}
.amber-purple .select-list .select-item .select-item-inner[data-v-e8fd900a] { display: flex; align-items: center; justify-content: space-between;
}
.amber-purple .select-list .active[data-v-e8fd900a] { background: var(--color-bg-200);
}
.amber-purple .select-list .radio-wrap ion-radio[data-v-e8fd900a] { --color-checked: var(--line-color);
}
.amber-purple .select-list .radio-wrap ion-radio.select.ios[data-v-e8fd900a]::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-e8fd900a]::part(container) { border-color: var(--line-color); background-color: var(--accent-color-yellow);
}
.new-skin-symbol .select-content[data-v-e8fd900a] { --padding-bottom: 1.625rem; --background: var(--ep-color-background-fill-surface-raised-L2);
}
.new-skin-symbol .select-border[data-v-e8fd900a] { width: 100%; height: 100%; border: 1px solid var(--ep-color-border-selected); box-sizing: border-box; padding: 0 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-e8fd900a] { color: var(--ep-color-text-weaker); font-weight: var(--ep-font-weight-regular);
}
.new-skin-symbol .select-border .rotate-90[data-v-e8fd900a] { transform: rotate(-90deg);
}
.new-skin-symbol .select-border .arrow[data-v-e8fd900a] { font-size: var(--ep-font-size-m, 0.875rem); color: var(--ep-color-icon-weaker);
}
.new-skin-symbol .img-wrap[data-v-e8fd900a] { width: 1.625rem; height: 1.625rem; border-radius: 50%; overflow: hidden; margin-right: 0.3125rem;
}
.new-skin-symbol .img-wrap img[data-v-e8fd900a] { width: 100%; height: 100%;
}
.new-skin-symbol .name-wrap[data-v-e8fd900a] { line-height: inherit;
}
.new-skin-symbol .name-wrap .name-inner[data-v-e8fd900a] { display: inline-block; line-height: 1; vertical-align: middle;
}
.new-skin-symbol .select-list[data-v-e8fd900a] { background: var(--ep-color-background-fill-body-default); padding-bottom: 0.75rem; overflow: scroll;
}
.new-skin-symbol .select-list ion-searchbar[data-v-e8fd900a] { --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-e8fd900a] { background: var(--ep-color-background-fill-surface-raised-L1); padding: 0 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 0.5rem;
}
.new-skin-symbol .select-list .select-item .select-item-inner[data-v-e8fd900a] { display: flex; align-items: center; justify-content: space-between;
}
.new-skin-symbol .select-list .active[data-v-e8fd900a] { background: var(--ep-color-background-fill-surface-raised-L2);
}
.new-skin-symbol .select-list .radio-wrap ion-radio[data-v-e8fd900a] { --color-checked: var(--ep-color-border-default);
}
.new-skin-symbol .select-list .radio-wrap ion-radio.select.ios[data-v-e8fd900a]::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-e8fd900a]::part(container) { border-color: var(--ep-color-border-default); background-color: var(--ep-color-icon-default);
}
.mx-type-select[data-v-e8fd900a] { position: relative; box-sizing: border-box; border: 1px solid var(--ep-color-border-default, transparent); transition: border-color 0.2s;
}
.mx-type-select[data-v-e8fd900a]:focus-within, .mx-type-select[data-v-e8fd900a]:has(ion-select.select-expanded) { border-color: var(--ep-color-border-selected, var(--color-line));
}
.mx-type-select ion-select[data-v-e8fd900a] { width: 100%; min-height: 2.875rem; --padding-start: 1rem; --padding-end: 2.25rem; color: var(--ep-color-text-default, var(--color-text-100)); --placeholder-color: var(--ep-color-text-weaker, var(--color-text-40));
}
.mx-type-select ion-select[data-v-e8fd900a]::part(icon) { display: none;
}
.mx-type-select .mx-arrow[data-v-e8fd900a] { position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%) rotate(-90deg); font-size: 0.875rem; color: var(--ep-color-icon-weaker, var(--color-text-40)); pointer-events: none;
}
ion-content.b-account[data-v-e8fd900a] { --padding-start: 1.125rem; --padding-end: 1.125rem; --padding-bottom: var(--d7a4fee8);
}
.amber-purple .b-account .tip[data-v-e8fd900a], .green-dark .b-account .tip[data-v-e8fd900a], .yellow-dark .b-account .tip[data-v-e8fd900a], .purple-light .b-account .tip[data-v-e8fd900a], .blue-default .b-account .tip[data-v-e8fd900a], .green-default .b-account .tip[data-v-e8fd900a], .forest-green .b-account .tip[data-v-e8fd900a], .auroral-yellow .b-account .tip[data-v-e8fd900a] { display: flex; align-items: flex-start; justify-content: center; gap: 0.5rem; font-size: var(--ep-font-size-s, 0.75rem);
}
.amber-purple .b-account .tip-1[data-v-e8fd900a], .green-dark .b-account .tip-1[data-v-e8fd900a], .yellow-dark .b-account .tip-1[data-v-e8fd900a], .purple-light .b-account .tip-1[data-v-e8fd900a], .blue-default .b-account .tip-1[data-v-e8fd900a], .green-default .b-account .tip-1[data-v-e8fd900a], .forest-green .b-account .tip-1[data-v-e8fd900a], .auroral-yellow .b-account .tip-1[data-v-e8fd900a] { color: var(--accent-color-red);
}
.amber-purple .b-account .tip-2[data-v-e8fd900a], .green-dark .b-account .tip-2[data-v-e8fd900a], .yellow-dark .b-account .tip-2[data-v-e8fd900a], .purple-light .b-account .tip-2[data-v-e8fd900a], .blue-default .b-account .tip-2[data-v-e8fd900a], .green-default .b-account .tip-2[data-v-e8fd900a], .forest-green .b-account .tip-2[data-v-e8fd900a], .auroral-yellow .b-account .tip-2[data-v-e8fd900a] { color: var(--color-text-40); margin: 0.8125rem 0 1.3125rem;
}
.amber-purple .b-account .item[data-v-e8fd900a], .green-dark .b-account .item[data-v-e8fd900a], .yellow-dark .b-account .item[data-v-e8fd900a], .purple-light .b-account .item[data-v-e8fd900a], .blue-default .b-account .item[data-v-e8fd900a], .green-default .b-account .item[data-v-e8fd900a], .forest-green .b-account .item[data-v-e8fd900a], .auroral-yellow .b-account .item[data-v-e8fd900a] { margin-top: 1.9rem;
}
.amber-purple .b-account .text-item[data-v-e8fd900a], .green-dark .b-account .text-item[data-v-e8fd900a], .yellow-dark .b-account .text-item[data-v-e8fd900a], .purple-light .b-account .text-item[data-v-e8fd900a], .blue-default .b-account .text-item[data-v-e8fd900a], .green-default .b-account .text-item[data-v-e8fd900a], .forest-green .b-account .text-item[data-v-e8fd900a], .auroral-yellow .b-account .text-item[data-v-e8fd900a] { width: 50%;
}
.amber-purple .b-account .label[data-v-e8fd900a], .green-dark .b-account .label[data-v-e8fd900a], .yellow-dark .b-account .label[data-v-e8fd900a], .purple-light .b-account .label[data-v-e8fd900a], .blue-default .b-account .label[data-v-e8fd900a], .green-default .b-account .label[data-v-e8fd900a], .forest-green .b-account .label[data-v-e8fd900a], .auroral-yellow .b-account .label[data-v-e8fd900a] { line-height: 18px; margin: 0.375rem 0; color: var(--color-text-80);
}
.amber-purple .b-account .label .sign[data-v-e8fd900a], .green-dark .b-account .label .sign[data-v-e8fd900a], .yellow-dark .b-account .label .sign[data-v-e8fd900a], .purple-light .b-account .label .sign[data-v-e8fd900a], .blue-default .b-account .label .sign[data-v-e8fd900a], .green-default .b-account .label .sign[data-v-e8fd900a], .forest-green .b-account .label .sign[data-v-e8fd900a], .auroral-yellow .b-account .label .sign[data-v-e8fd900a] { font-weight: var(--ep-font-weight-medium, 500); color: var(--accent-color-red); margin-left: 0.1875rem; font-size: var(--ep-font-size-m, 0.875rem);
}
.amber-purple .b-account .input-area[data-v-e8fd900a], .green-dark .b-account .input-area[data-v-e8fd900a], .yellow-dark .b-account .input-area[data-v-e8fd900a], .purple-light .b-account .input-area[data-v-e8fd900a], .blue-default .b-account .input-area[data-v-e8fd900a], .green-default .b-account .input-area[data-v-e8fd900a], .forest-green .b-account .input-area[data-v-e8fd900a], .auroral-yellow .b-account .input-area[data-v-e8fd900a] { 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-e8fd900a] { display: flex; align-items: flex-start; justify-content: center; gap: 0.5rem; font-size: var(--ep-font-size-s, 0.75rem);
}
.new-skin-symbol .b-account .tip-1[data-v-e8fd900a] { color: var(--ep-color-text-danger);
}
.new-skin-symbol .b-account .tip-2[data-v-e8fd900a] { color: var(--ep-color-text-weaker); margin: 0.8125rem 0 1.3125rem;
}
.new-skin-symbol .b-account .item[data-v-e8fd900a] { margin-top: 1.9rem;
}
.new-skin-symbol .b-account .text-item[data-v-e8fd900a] { width: 50%;
}
.new-skin-symbol .b-account .label[data-v-e8fd900a] { line-height: 18px; margin: 0.375rem 0; color: var(--ep-color-text-weaker);
}
.new-skin-symbol .b-account .label .sign[data-v-e8fd900a] { font-weight: var(--ep-font-weight-medium, 500); color: var(--ep-color-text-danger); margin-left: 0.1875rem; font-size: var(--ep-font-size-m, 0.875rem);
}
.new-skin-symbol .b-account .input-area[data-v-e8fd900a] { 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-e8fd900a] { --background: var(--ep-color-background-fill-body-default);
}
.new-skin-symbol .label[data-v-e8fd900a] { line-height: 1.125rem; margin: 0.375rem 0; color: var(--ep-color-text-weaker);
}
.new-skin-symbol .label .sign[data-v-e8fd900a] { font-weight: var(--ep-font-weight-medium, 500); color: var(--ep-color-text-danger); margin-left: 0.1875rem; font-size: var(--ep-font-size-m, 0.875rem);
}
.new-skin-symbol .input-area[data-v-e8fd900a] { width: 22.875rem; line-height: 2.875rem; background: var(--ep-color-background-fill-surface-lowered); border-radius: var(--ep-border-radius-m);
}

ion-modal#withdraw-order-modal[data-v-8345ab1b] { --min-width: 0; --width: fit-content; --height: fit-content; --border-radius: 6px; --box-shadow: none;
}
.modal-content[data-v-8345ab1b] { width: 22.5rem; padding: 1.25rem 0.625rem; background: var(--color-bg-300); position: relative;
}
.modal-content .text-center[data-v-8345ab1b] { color: var(--color-text-100);
}
.modal-content .text-center ion-icon.close[data-v-8345ab1b] { color: var(--color-text-100);
}
.modal-content .text-center .amount[data-v-8345ab1b] { margin-bottom: 0.75rem;
}
.modal-content .detail[data-v-8345ab1b] { border-color: var(--color-line); color: var(--color-text-100);
}
.modal-content .detail .name[data-v-8345ab1b] { color: var(--color-text-40);
}
.modal-content .detail ion-icon.copy[data-v-8345ab1b] { color: var(--color-primary-700);
}
.modal-content .countdown[data-v-8345ab1b] { color: var(--color-danger); margin: 0 0.1875rem;
}
.modal-content .countdown-wrap[data-v-8345ab1b] { font-size: var(--font-size-14);
}
.blue-default .modal-content[data-v-8345ab1b] { width: 22.5rem; padding: 1.25rem 0.625rem; background: var(--color-bg-200); position: relative;
}
.blue-default .modal-content .text-center[data-v-8345ab1b] { color: var(--color-text-gray-100);
}
.blue-default .modal-content .text-center ion-icon.close[data-v-8345ab1b] { color: var(--color-text-100);
}
.blue-default .modal-content .text-center .amount[data-v-8345ab1b] { margin-bottom: 0.75rem;
}
.blue-default .modal-content .detail[data-v-8345ab1b] { border-color: var(--color-line); color: var(--color-text-gray-300);
}
.blue-default .modal-content .detail .name[data-v-8345ab1b] { color: var(--color-text-gray-300);
}
.blue-default .modal-content .detail ion-icon.copy[data-v-8345ab1b] { color: var(--color-text-gray-300);
}
.blue-default .modal-content .countdown[data-v-8345ab1b] { color: var(--color-danger); margin: 0 0.1875rem;
}
.blue-default .modal-content .countdown-wrap[data-v-8345ab1b] { font-size: var(--font-size-14);
}
.green-defatult .modal-content[data-v-8345ab1b], .green-v01 .modal-content[data-v-8345ab1b], .green-v02 .modal-content[data-v-8345ab1b] { width: 22.5rem; padding: 1.25rem 0.625rem; background: var(--color-bg-400); position: relative;
}
.green-defatult .modal-content .text-center[data-v-8345ab1b], .green-v01 .modal-content .text-center[data-v-8345ab1b], .green-v02 .modal-content .text-center[data-v-8345ab1b] { color: var(--color-text-gray-100);
}
.green-defatult .modal-content .text-center ion-icon.close[data-v-8345ab1b], .green-v01 .modal-content .text-center ion-icon.close[data-v-8345ab1b], .green-v02 .modal-content .text-center ion-icon.close[data-v-8345ab1b] { color: var(--color-text-100);
}
.green-defatult .modal-content .text-center .amount[data-v-8345ab1b], .green-v01 .modal-content .text-center .amount[data-v-8345ab1b], .green-v02 .modal-content .text-center .amount[data-v-8345ab1b] { margin-bottom: 0.75rem;
}
.green-defatult .modal-content .detail[data-v-8345ab1b], .green-v01 .modal-content .detail[data-v-8345ab1b], .green-v02 .modal-content .detail[data-v-8345ab1b] { border-color: var(--color-line); color: var(--color-text-gray-200);
}
.green-defatult .modal-content .detail .name[data-v-8345ab1b], .green-v01 .modal-content .detail .name[data-v-8345ab1b], .green-v02 .modal-content .detail .name[data-v-8345ab1b] { color: var(--color-text-gray-200);
}
.green-defatult .modal-content .detail ion-icon.copy[data-v-8345ab1b], .green-v01 .modal-content .detail ion-icon.copy[data-v-8345ab1b], .green-v02 .modal-content .detail ion-icon.copy[data-v-8345ab1b] { color: var(--color-text-gray-200);
}
.green-defatult .modal-content .countdown[data-v-8345ab1b], .green-v01 .modal-content .countdown[data-v-8345ab1b], .green-v02 .modal-content .countdown[data-v-8345ab1b] { color: var(--color-danger); margin: 0 0.1875rem;
}
.green-defatult .modal-content .countdown-wrap[data-v-8345ab1b], .green-v01 .modal-content .countdown-wrap[data-v-8345ab1b], .green-v02 .modal-content .countdown-wrap[data-v-8345ab1b] { font-size: var(--font-size-14);
}
.amber-purple .modal-content[data-v-8345ab1b] { width: 22.5rem; padding: 1.25rem 0.625rem; background: var(--color-bg-300); position: relative;
}
.amber-purple .modal-content .text-center[data-v-8345ab1b] { color: var(--text-color-light-purple-1-100);
}
.amber-purple .modal-content .text-center ion-icon.close[data-v-8345ab1b] { color: var(--color-text-100);
}
.amber-purple .modal-content .text-center .amount[data-v-8345ab1b] { margin-bottom: 0.75rem;
}
.amber-purple .modal-content .detail[data-v-8345ab1b] { border-color: var(--color-line); color: var(--text-color-light-purple-1-100);
}
.amber-purple .modal-content .detail .name[data-v-8345ab1b] { color: var(--text-color-light-purple-2-100);
}
.amber-purple .modal-content .detail ion-icon.copy[data-v-8345ab1b] { color: var(--accent-color-yellow-1);
}
.amber-purple .modal-content .countdown[data-v-8345ab1b] { color: var(--color-danger); margin: 0 0.1875rem;
}
.amber-purple .modal-content .countdown-wrap[data-v-8345ab1b] { font-size: var(--font-size-14);
}
.auroral-yellow .modal-content[data-v-8345ab1b] { width: 22.5rem; padding: 1.25rem 0.625rem; background: var(--color-bg-200); position: relative;
}
.auroral-yellow .modal-content .text-center[data-v-8345ab1b] { color: var(--color-text-100);
}
.auroral-yellow .modal-content .text-center ion-icon.close[data-v-8345ab1b] { color: var(--color-text-100);
}
.auroral-yellow .modal-content .text-center .amount[data-v-8345ab1b] { margin-bottom: 0.75rem;
}
.auroral-yellow .modal-content .detail[data-v-8345ab1b] { border-color: var(--color-line); color: var(--color-text-100);
}
.auroral-yellow .modal-content .detail .name[data-v-8345ab1b] { color: var(--color-text-gray-200);
}
.auroral-yellow .modal-content .detail ion-icon.copy[data-v-8345ab1b] { color: var(--accent-color-yellow-1);
}
.auroral-yellow .modal-content .countdown[data-v-8345ab1b] { color: var(--color-danger); margin: 0 0.1875rem;
}
.auroral-yellow .modal-content .countdown-wrap[data-v-8345ab1b] { font-size: var(--font-size-14);
}
.new-skin-symbol .modal-content[data-v-8345ab1b] { width: 22.5rem; padding: 1.25rem 0.625rem; background: var(--ep-color-background-fill-body-default); position: relative;
}
.new-skin-symbol .modal-content .text-center[data-v-8345ab1b] { color: var(--ep-color-text-default);
}
.new-skin-symbol .modal-content .text-center ion-icon.close[data-v-8345ab1b] { color: var(--ep-color-icon-default);
}
.new-skin-symbol .modal-content .text-center .amount[data-v-8345ab1b] { margin-bottom: 0.75rem;
}
.new-skin-symbol .modal-content .detail[data-v-8345ab1b] { border-color: var(--ep-color-border-default); color: var(--ep-color-text-default);
}
.new-skin-symbol .modal-content .detail .name[data-v-8345ab1b] { color: var(--ep-color-text-weaker);
}
.new-skin-symbol .modal-content .detail ion-icon.copy[data-v-8345ab1b] { color: var(--ep-color-icon-highlight);
}
.new-skin-symbol .modal-content .countdown[data-v-8345ab1b] { color: var(--color-danger); margin: 0 0.1875rem;
}
.new-skin-symbol .modal-content .countdown-wrap[data-v-8345ab1b] { font-size: var(--font-size-14);
}
.new-skin-symbol .amount[data-v-8345ab1b] { 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-8345ab1b] { background: var(--ep-color-icon-success) !important;
}
.new-skin-symbol .iconFail[data-v-8345ab1b] { background: var(--ep-color-icon-danger) !important;
}
.new-skin-symbol .iconApplying[data-v-8345ab1b] { background: var(--ep-color-icon-warning) !important;
}
.new-skin-symbol p.success[data-v-8345ab1b] { color: var(--ep-color-text-success) !important;
}
.new-skin-symbol p.fail[data-v-8345ab1b] { color: var(--ep-color-text-danger) !important;
}
.new-skin-symbol p.applying[data-v-8345ab1b] { color: var(--ep-color-text-warning) !important;
}
.new-skin-symbol .modal-content .title[data-v-8345ab1b], .new-skin-symbol .modal-content .close[data-v-8345ab1b] { font-weight: var(--ep-font-weight-medium); font-size: var(--ep-font-size-xl);
}
.new-skin-symbol .modal-content .close[data-v-8345ab1b] { font-size: var(--ep-font-size-xxl);
}
.new-skin-symbol .modal-content .detail[data-v-8345ab1b] { font-size: var(--ep-font-size-s); font-weight: var(--ep-font-weight-regular);
}
.new-skin-symbol .modal-content .statusBottomText[data-v-8345ab1b] { 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-8345ab1b] { font-size: var(--ep-font-size-m);
}

.blue-default ion-popover[data-v-7d68143b],
    .auroral-yellow ion-popover[data-v-7d68143b],
    .green-default ion-popover[data-v-7d68143b],
    .amber-purple ion-popover[data-v-7d68143b],
    .yellow-dark ion-popover[data-v-7d68143b],
    .forest-green ion-popover[data-v-7d68143b] {
        --width: var(--c36e3452);
        z-index: 100;
}
.blue-default .inner[data-v-7d68143b],
    .auroral-yellow .inner[data-v-7d68143b],
    .green-default .inner[data-v-7d68143b],
    .amber-purple .inner[data-v-7d68143b],
    .yellow-dark .inner[data-v-7d68143b],
    .forest-green .inner[data-v-7d68143b] {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
}
.blue-default .select-item[data-v-7d68143b],
    .auroral-yellow .select-item[data-v-7d68143b],
    .green-default .select-item[data-v-7d68143b],
    .amber-purple .select-item[data-v-7d68143b],
    .yellow-dark .select-item[data-v-7d68143b],
    .forest-green .select-item[data-v-7d68143b] {
        width: var(--c36e3452);
        line-height: 2.25rem;
        background: var(--color-bg-200);
        border-radius: var(--ep-border-radius-s, 0.25rem);
}
.blue-default .select-box[data-v-7d68143b],
    .auroral-yellow .select-box[data-v-7d68143b],
    .green-default .select-box[data-v-7d68143b],
    .amber-purple .select-box[data-v-7d68143b],
    .yellow-dark .select-box[data-v-7d68143b],
    .forest-green .select-box[data-v-7d68143b] {
        padding: 0.4375rem;
        width: var(--c36e3452);
        line-height: 2.25rem;
        background: var(--color-bg-200);
        border-radius: var(--ep-border-radius-s, 0.25rem);
        height: 2.25rem;
        box-sizing: border-box;
        border: 1px solid var(--color-line);
}
.blue-default .select-box ion-icon.arrow[data-v-7d68143b],
    .auroral-yellow .select-box ion-icon.arrow[data-v-7d68143b],
    .green-default .select-box ion-icon.arrow[data-v-7d68143b],
    .amber-purple .select-box ion-icon.arrow[data-v-7d68143b],
    .yellow-dark .select-box ion-icon.arrow[data-v-7d68143b],
    .forest-green .select-box ion-icon.arrow[data-v-7d68143b] {
        font-size: var(--ep-font-size-l, 1rem);
        color: var(--color-text-100);
}
.blue-default .select-box .box[data-v-7d68143b],
    .auroral-yellow .select-box .box[data-v-7d68143b],
    .green-default .select-box .box[data-v-7d68143b],
    .amber-purple .select-box .box[data-v-7d68143b],
    .yellow-dark .select-box .box[data-v-7d68143b],
    .forest-green .select-box .box[data-v-7d68143b] {
        height: 2.25rem;
        line-height: 2.25rem;
        color: var(--color-text-100);
}
.blue-default .select-box .box p[data-v-7d68143b],
    .auroral-yellow .select-box .box p[data-v-7d68143b],
    .green-default .select-box .box p[data-v-7d68143b],
    .amber-purple .select-box .box p[data-v-7d68143b],
    .yellow-dark .select-box .box p[data-v-7d68143b],
    .forest-green .select-box .box p[data-v-7d68143b] {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
}
.blue-default .select-list[data-v-7d68143b],
    .auroral-yellow .select-list[data-v-7d68143b],
    .green-default .select-list[data-v-7d68143b],
    .amber-purple .select-list[data-v-7d68143b],
    .yellow-dark .select-list[data-v-7d68143b],
    .forest-green .select-list[data-v-7d68143b] {
        width: var(--c36e3452);
        line-height: 2.25rem;
        background: var(--color-bg-200);
        border-radius: var(--ep-border-radius-s, 0.25rem);
}
.blue-default .select-list li[data-v-7d68143b],
    .auroral-yellow .select-list li[data-v-7d68143b],
    .green-default .select-list li[data-v-7d68143b],
    .amber-purple .select-list li[data-v-7d68143b],
    .yellow-dark .select-list li[data-v-7d68143b],
    .forest-green .select-list li[data-v-7d68143b] {
        height: 2.25rem;
        line-height: 2.25rem;
        box-sizing: border-box;
        text-align: center;
        font-size: var(--ep-font-size-s, 0.75rem);
        font-weight: var(--ep-font-weight-medium, 500);
        color: var(--color-text-40);
        cursor: pointer;
}
.blue-default .select-list li p[data-v-7d68143b],
    .auroral-yellow .select-list li p[data-v-7d68143b],
    .green-default .select-list li p[data-v-7d68143b],
    .amber-purple .select-list li p[data-v-7d68143b],
    .yellow-dark .select-list li p[data-v-7d68143b],
    .forest-green .select-list li p[data-v-7d68143b] {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
}
.blue-default .select-list .active[data-v-7d68143b],
    .auroral-yellow .select-list .active[data-v-7d68143b],
    .green-default .select-list .active[data-v-7d68143b],
    .amber-purple .select-list .active[data-v-7d68143b],
    .yellow-dark .select-list .active[data-v-7d68143b],
    .forest-green .select-list .active[data-v-7d68143b] {
        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-7d68143b] > :not(:last-child),
    .auroral-yellow .select-list[data-v-7d68143b] > :not(:last-child),
    .green-default .select-list[data-v-7d68143b] > :not(:last-child),
    .amber-purple .select-list[data-v-7d68143b] > :not(:last-child),
    .yellow-dark .select-list[data-v-7d68143b] > :not(:last-child),
    .forest-green .select-list[data-v-7d68143b] > :not(:last-child) {
        border-bottom: 1px solid var(--color-line);
}
.green-dark ion-popover[data-v-7d68143b] {
        --width: var(--c36e3452);
        z-index: 100;
}
.green-dark .inner[data-v-7d68143b] {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
}
.green-dark .select-item[data-v-7d68143b] {
        width: var(--c36e3452);
        line-height: 2.25rem;
        background: var(--color-bg-200);
        border-radius: var(--ep-border-radius-s, 0.25rem);
}
.green-dark .select-box[data-v-7d68143b] {
        padding: 0.4375rem;
        width: var(--c36e3452);
        line-height: 2.25rem;
        background: var(--color-bg-200);
        border-radius: var(--ep-border-radius-s, 0.25rem);
        height: 2.25rem;
        box-sizing: border-box;
        border: 1px solid var(--color-line);
}
.green-dark .select-box ion-icon.arrow[data-v-7d68143b] {
        font-size: var(--ep-font-size-l, 1rem);
        color: var(--color-text-100);
}
.green-dark .select-box .box[data-v-7d68143b] {
        height: 2.25rem;
        line-height: 2.25rem;
        color: var(--theme-color-800);
}
.green-dark .select-box .box p[data-v-7d68143b] {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
}
.green-dark .select-list[data-v-7d68143b] {
        width: var(--c36e3452);
        line-height: 2.25rem;
        background: var(--color-bg-200);
        border-radius: var(--ep-border-radius-s, 0.25rem);
}
.green-dark .select-list li[data-v-7d68143b] {
        height: 2.25rem;
        line-height: 2.25rem;
        box-sizing: border-box;
        text-align: center;
        font-size: var(--ep-font-size-s, 0.75rem);
        font-weight: var(--ep-font-weight-medium, 500);
        color: var(--color-text-40);
        cursor: pointer;
}
.green-dark .select-list li p[data-v-7d68143b] {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
}
.green-dark .select-list .active[data-v-7d68143b] {
        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-7d68143b] > :not(:last-child) {
        border-bottom: 1px solid var(--color-line);
}
.forest-green ion-popover[data-v-7d68143b] {
        --width: var(--c36e3452);
        z-index: 100;
}
.forest-green .inner[data-v-7d68143b] {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
}
.forest-green .select-item[data-v-7d68143b] {
        width: var(--c36e3452);
        line-height: 2.25rem;
        background: var(--color-bg-200);
        border-radius: var(--ep-border-radius-s, 0.25rem);
}
.forest-green .select-box[data-v-7d68143b] {
        padding: 0.4375rem;
        width: var(--c36e3452);
        line-height: 2.25rem;
        background: var(--color-bg-200);
        border-radius: var(--ep-border-radius-s, 0.25rem);
        height: 2.25rem;
        box-sizing: border-box;
        border: 1px solid var(--color-line);
}
.forest-green .select-box ion-icon.arrow[data-v-7d68143b] {
        font-size: var(--ep-font-size-l, 1rem);
        color: var(--color-text-100);
}
.forest-green .select-box .box[data-v-7d68143b] {
        height: 2.25rem;
        line-height: 2.25rem;
        color: var(--color-text-100);
}
.forest-green .select-box .box p[data-v-7d68143b] {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
}
.forest-green .select-list[data-v-7d68143b] {
        width: var(--c36e3452);
        line-height: 2.25rem;
        background: var(--color-bg-200);
        border-radius: var(--ep-border-radius-s, 0.25rem);
}
.forest-green .select-list li[data-v-7d68143b] {
        height: 2.25rem;
        line-height: 2.25rem;
        box-sizing: border-box;
        text-align: center;
        font-size: var(--ep-font-size-s, 0.75rem);
        font-weight: var(--ep-font-weight-medium, 500);
        color: var(--color-text-40);
        cursor: pointer;
}
.forest-green .select-list li p[data-v-7d68143b] {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
}
.forest-green .select-list .active[data-v-7d68143b] {
        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-7d68143b] > :not(:last-child) {
        border-bottom: 1px solid var(--color-line);
}
.purple-light ion-popover[data-v-7d68143b] {
        --width: var(--c36e3452);
        z-index: 100;
}
.purple-light .inner[data-v-7d68143b] {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
}
.purple-light .select-item[data-v-7d68143b] {
        width: var(--c36e3452);
        line-height: 2.25rem;
        background: var(--color-bg-400);
        border-radius: var(--ep-border-radius-s, 0.25rem);
}
.purple-light .select-box[data-v-7d68143b] {
        padding: 0.4375rem;
        width: var(--c36e3452);
        line-height: 2.25rem;
        background: var(--color-bg-400);
        border-radius: var(--ep-border-radius-s, 0.25rem);
        height: 2.25rem;
        box-sizing: border-box;
        border: 1px solid var(--color-line);
}
.purple-light .select-box ion-icon.arrow[data-v-7d68143b] {
        font-size: var(--ep-font-size-l, 1rem);
        color: var(--color-text-100);
}
.purple-light .select-box .box[data-v-7d68143b] {
        height: 2.25rem;
        line-height: 2.25rem;
        color: var(--theme-color-800);
}
.purple-light .select-box .box p[data-v-7d68143b] {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
}
.purple-light .select-list[data-v-7d68143b] {
        width: var(--c36e3452);
        line-height: 2.25rem;
        background: var(--color-bg-400);
        border-radius: var(--ep-border-radius-s, 0.25rem);
}
.purple-light .select-list li[data-v-7d68143b] {
        height: 2.25rem;
        line-height: 2.25rem;
        box-sizing: border-box;
        text-align: center;
        font-size: var(--ep-font-size-s, 0.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-7d68143b] {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
}
.purple-light .select-list .active[data-v-7d68143b] {
        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-7d68143b] > :not(:last-child) {
        border-bottom: 1px solid var(--color-line);
}
.new-skin-symbol ion-popover[data-v-7d68143b] {
        --width: var(--c36e3452);
        z-index: 100;
}
.new-skin-symbol .inner[data-v-7d68143b] {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
}
.new-skin-symbol .select-item[data-v-7d68143b] {
        width: var(--c36e3452);
        line-height: 2.25rem;
        background: var(--ep-color-background-fill-surface-raised-L1);
        border-radius: var(--ep-border-radius-s, 0.25rem);
}
.new-skin-symbol .select-box[data-v-7d68143b] {
        padding: 0.4375rem;
        width: var(--c36e3452);
        line-height: 2.25rem;
        background: var(--ep-color-background-fill-surface-raised-L1);
        border-radius: var(--ep-border-radius-s, 0.25rem);
        height: 2.25rem;
        box-sizing: border-box;
        border: 1px solid var(null);
}
.new-skin-symbol .select-box ion-icon.arrow[data-v-7d68143b] {
        font-size: var(--ep-font-size-l, 1rem);
        color: var(--ep-color-icon-weaker);
}
.new-skin-symbol .select-box .box[data-v-7d68143b] {
        height: 2.25rem;
        line-height: 2.25rem;
        color: var(--ep-color-text-default);
}
.new-skin-symbol .select-box .box p[data-v-7d68143b] {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
}
.new-skin-symbol .select-list[data-v-7d68143b] {
        width: var(--c36e3452);
        line-height: 2.25rem;
        background: var(--ep-color-background-fill-surface-raised-L1);
        border-radius: var(--ep-border-radius-s, 0.25rem);
}
.new-skin-symbol .select-list li[data-v-7d68143b] {
        height: 2.25rem;
        line-height: 2.25rem;
        box-sizing: border-box;
        text-align: center;
        font-size: var(--ep-font-size-s, 0.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-7d68143b] {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
}
.new-skin-symbol .select-list .active[data-v-7d68143b] {
        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-7d68143b] > :not(:last-child) {
        border-bottom: 1px solid var(null);
}
.new-skin-symbol .select-box[data-v-7d68143b] {
        font-weight: var(--ep-font-weight-bold);
        height: 2rem;
        font-size: var(--ep-font-size-s);
}

ion-toolbar.top[data-v-5bc684cc] { --border-width: 0;
}
.record-body[data-v-5bc684cc] { display: flex; height: 100%;
}
ion-toolbar ion-segment.md[data-v-5bc684cc] { display: flex; justify-content: left;
}
ion-toolbar ion-segment-button.md[data-v-5bc684cc]::part(native) { padding: 0;
}
ion-toolbar ion-segment-button.md[data-v-5bc684cc]::part(indicator) { margin-left: auto; margin-right: auto;
}
ion-toolbar ion-segment-button.md[data-v-5bc684cc]::part(indicator-background) { height: 0.125rem;
}
ion-toolbar ion-segment-button.md ion-label[data-v-5bc684cc] { font-size: 0.78rem; margin-top: 0; margin-bottom: 0; text-transform: none;
}
ion-toolbar ion-segment-button.btn-center[data-v-5bc684cc] { padding: 0 0.5rem;
}
ion-toolbar.top .btn-center ion-label.selected[data-v-5bc684cc] { color: var(--color-text-white-100);
}
ion-toolbar.top .btn-center ion-label.unselected[data-v-5bc684cc] { color: var(--color-text-gray-200);
}
ion-toolbar ion-segment-button.md[data-v-5bc684cc]::part(indicator-background) { background: var(--theme-color-gradient-100);
}
.blue-default ion-toolbar.top .btn-center ion-label.selected[data-v-5bc684cc] { color: var(--color-text-white-100);
}
.blue-default ion-toolbar.top .btn-center ion-label.unselected[data-v-5bc684cc] { color: var(--color-text-gray-200);
}
.blue-default ion-toolbar ion-segment-button.md[data-v-5bc684cc]::part(indicator-background) { background: var(--theme-color-gradient-100);
}
.green-default ion-toolbar.top .btn-center ion-label.selected[data-v-5bc684cc] { color: var(--color-text-gray-100);
}
.green-default ion-toolbar.top .btn-center ion-label.unselected[data-v-5bc684cc] { color: var(--color-text-gray-200);
}
.green-default ion-toolbar ion-segment-button.md[data-v-5bc684cc]::part(indicator-background) { background: var(--theme-color-gradient-100);
}
.amber-purple ion-toolbar.top .btn-center ion-label.selected[data-v-5bc684cc] { color: var(--color-text-gray-100);
}
.amber-purple ion-toolbar.top .btn-center ion-label.unselected[data-v-5bc684cc] { color: var(--color-text-gray-200);
}
.amber-purple ion-toolbar ion-segment-button.md[data-v-5bc684cc]::part(indicator-background) { background: var(--theme-color-gradient-100);
}
.auroral-yellow ion-toolbar.top .btn-center ion-label.selected[data-v-5bc684cc] { color: var(--color-text-white-100);
}
.auroral-yellow ion-toolbar.top .btn-center ion-label.unselected[data-v-5bc684cc] { color: var(--color-text-gray-200);
}
.auroral-yellow ion-toolbar ion-segment-button.md[data-v-5bc684cc]::part(indicator-background) { background: var(--theme-color-800);
}
.empty[data-v-5bc684cc] { display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.empty .empty-bg-img[data-v-5bc684cc] { width: 7.5rem; height: 7.5rem; margin-top: 9rem;
}
.empty-bg-img[data-v-5bc684cc] { background-color: transparent; background-repeat: no-repeat; background-size: 7.5rem;
}
.record-loading[data-v-5bc684cc] { min-height: 6rem; display: flex; flex-direction: column; align-items: center; justify-content: center;
}
ion-toolbar[data-v-5bc684cc] .withdraw-back-icon { font-size: var(--font-size-back-button);
}

ion-content.audit-content[data-v-5bc684cc] { --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: 0.875rem; line-height: 1.25rem;
}
ion-content.audit-content .audit-header[data-v-5bc684cc] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.625rem;
}
ion-content.audit-content .audit-header .detail-text[data-v-5bc684cc] { width: 12.5rem; line-height: 0.875rem;
}
ion-content.audit-content .audit-header .detail-text .currency[data-v-5bc684cc] { color: var(--color-currency);
}
ion-content.audit-content .audit-header .select[data-v-5bc684cc] { min-width: 7.625rem; width: 7.625rem;
}
ion-content.audit-content .audit-header .select ion-select[data-v-5bc684cc] { font-size: 0.75rem;
}
ion-content.audit-content .audit-header .select ion-select ion-select-option[data-v-5bc684cc] { font-size: 0.75rem;
}
ion-content.audit-content .empty[data-v-5bc684cc] { display: flex; flex-direction: column; align-items: center; justify-content: center;
}
ion-content.audit-content .empty .empty-bg-img[data-v-5bc684cc] { width: 7.5rem; height: 7.5rem; margin-top: 8.5rem;
}
ion-select[data-v-5bc684cc] { --padding-start: 0.875rem; --padding-end: 0.625rem; --border-radius: 0.625rem; --border-width: 0.0625rem; min-height: 1.625rem;
}
.audit-record[data-v-5bc684cc] { padding: 0.625rem; border-radius: 0.375rem; height: 4.375rem; margin-bottom: 0.625rem;
}
.audit-record .audit-top[data-v-5bc684cc] { display: flex; justify-content: space-between; font-size: 0.875rem; line-height: 1.25rem;
}
.audit-record .audit-label[data-v-5bc684cc] { display: flex; justify-content: space-between; font-size: 0.75rem; line-height: 1rem; margin-top: 0.75rem;
}
.audit-header ion-label[data-v-5bc684cc] { color: var(--color-text-white-100);
}
ion-select[data-v-5bc684cc] { --border-color: var(--color-text-white-100); --highlight-color-valid: red;
}
.audit-record[data-v-5bc684cc] { background: var(--color-bg-200);
}
.audit-record .audit-top[data-v-5bc684cc] { color: var(--color-text-gray-100);
}
div.audit-label[data-v-5bc684cc] { color: var(--color-text-gray-300);
}
.blue-default .audit-header ion-label[data-v-5bc684cc] { color: var(--color-text-white-100);
}
.blue-default ion-select[data-v-5bc684cc] { --border-color: var(--color-text-white-100); --highlight-color-valid: red;
}
.blue-default .audit-record[data-v-5bc684cc] { background: var(--color-bg-200);
}
.blue-default .audit-record .audit-top[data-v-5bc684cc] { color: var(--color-text-gray-100);
}
.blue-default div.audit-label[data-v-5bc684cc] { color: var(--color-text-gray-300);
}
.green-default .audit-header ion-label[data-v-5bc684cc] { color: var(--color-text-gray-100);
}
.green-default ion-select[data-v-5bc684cc] { --border-color: var(--color-text-gray-100); --highlight-color-valid: red;
}
.green-default .audit-record[data-v-5bc684cc] { background: var(--color-bg-200);
}
.green-default .audit-record .audit-top[data-v-5bc684cc] { color: var(--color-text-gray-100);
}
.green-default div.audit-label[data-v-5bc684cc] { color: var(--color-text-gray-200);
}
.forest-green .audit-header ion-label[data-v-5bc684cc], .auroral-yellow .audit-header ion-label[data-v-5bc684cc] { color: var(--color-text-white-100);
}
.forest-green ion-select[data-v-5bc684cc], .auroral-yellow ion-select[data-v-5bc684cc] { --border-color: var(--color-text-white-100); --highlight-color-valid: red;
}
.forest-green .audit-record[data-v-5bc684cc], .auroral-yellow .audit-record[data-v-5bc684cc] { background: var(--color-bg-200);
}
.forest-green .audit-record .audit-top[data-v-5bc684cc], .auroral-yellow .audit-record .audit-top[data-v-5bc684cc] { color: var(--color-text-gray-100);
}
.forest-green div.audit-label[data-v-5bc684cc], .auroral-yellow div.audit-label[data-v-5bc684cc] { color: var(--color-text-gray-200);
}
.amber-purple .audit-header ion-label[data-v-5bc684cc] { color: var(--color-text-gray-100);
}
.amber-purple ion-select[data-v-5bc684cc] { --border-color: var(--color-text-gray-100); --highlight-color-valid: red;
}
.amber-purple .audit-record[data-v-5bc684cc] { background: var(--color-bg-200);
}
.amber-purple .audit-record .audit-top[data-v-5bc684cc] { color: var(--color-text-gray-100);
}
.amber-purple div.audit-label[data-v-5bc684cc] { color: var(--color-text-gray-200);
}

[data-v-866e891b] .audit-back-icon { font-size: var(--font-size-back-button);
}
.panel[data-v-866e891b] { background: var(--color-bg-card); border-radius: 0.375rem;
}
.panel[data-v-866e891b] > :not(:last-child) { border-bottom: 1px solid var(--color-border-input-basic);
}
span.property[data-v-866e891b] { color: var(--color-text-label-property);
}
.auroral-yellow .panel[data-v-866e891b] > :not(:last-child) { border-bottom: 1px solid var(--color-line);
}
.auroral-yellow span.property[data-v-866e891b] { color: var(--color-text-gray-200);
}

    /* 返回图标沿用页面公共尺寸。 */
[data-v-2b8ecc1d] .back-icon { font-size: var(--font-size-back-button);
}

    /* 头部标签布局、未读角标和选中指示器。 */
ion-header[data-v-2b8ecc1d] { box-shadow: none;
}
.tab-box[data-v-2b8ecc1d] { padding-left: 1rem; padding-right: 1rem;
}
.tab-box ion-segment-button[data-v-2b8ecc1d] { min-height: 0rem;
}
.tab-box ion-segment-button p[data-v-2b8ecc1d] { position: absolute; width: 0.75rem; height: 0.75rem; color: #fff; background-color: red; font-size: 0.5rem; top: 0.625rem; right: -0.25rem; display: flex; align-items: center; justify-content: center; border-radius: 50%;
}
ion-segment.md[data-v-2b8ecc1d] { display: flex; justify-content: left;
}
ion-button.base-tab[data-v-2b8ecc1d], ion-button.selected-tab[data-v-2b8ecc1d] { height: 1.875rem; font-size: 0.875rem; line-height: 1.375rem;
}
ion-segment-button.md[data-v-2b8ecc1d] { --indicator-color: #1c2334; --padding-start: 1.25rem; --padding-end: 1.25rem; --padding-top: 0.125rem; --padding-bottom: 0.125rem; text-transform: capitalize; min-width: 0;
}
ion-segment-button.md[data-v-2b8ecc1d]::part(indicator) { margin-left: auto; margin-right: auto;
}
ion-segment-button.md[data-v-2b8ecc1d]::part(indicator-background) { height: 0.125rem;
}
ion-segment-button.md ion-button[data-v-2b8ecc1d] { text-transform: none; min-height: 0; margin-top: 1rem; margin-bottom: 0; --padding-top: 0rem; --padding-bottom: 0.3125rem; --padding-start: 0; --padding-end: 0; min-width: 0;
}
    /* 标签的默认配色及各主题覆盖样式。 */
.tab-box[data-v-2b8ecc1d] { background: var(--color-bg-300);
}
ion-segment.md[data-v-2b8ecc1d] { border-bottom: 0.0625rem solid var(--color-line);
}
ion-button.base-tab[data-v-2b8ecc1d] { --color: var(--color-text-gray-200);
}
ion-button.selected-tab[data-v-2b8ecc1d] { --color: var(--color-text-white-100);
}
ion-segment-button.md[data-v-2b8ecc1d]::part(indicator-background) { background: var(--theme-color-600);
}
.blue-default .tab-box[data-v-2b8ecc1d] { background: var(--color-bg-300);
}
.blue-default ion-segment.md[data-v-2b8ecc1d] { border-bottom: 0.0625rem solid var(--color-line);
}
.blue-default ion-button.base-tab[data-v-2b8ecc1d] { --color: var(--color-text-gray-200);
}
.blue-default ion-button.selected-tab[data-v-2b8ecc1d] { --color: var(--color-text-white-100);
}
.blue-default ion-segment-button.md[data-v-2b8ecc1d]::part(indicator-background) { background: var(--theme-color-600);
}
.green-default .tab-box[data-v-2b8ecc1d] { background: var(--color-bg-300);
}
.green-default ion-segment.md[data-v-2b8ecc1d] { border-bottom: 0.0625rem solid var(--color-line);
}
.green-default ion-button.base-tab[data-v-2b8ecc1d] { --color: var(--color-text-gray-200);
}
.green-default ion-button.selected-tab[data-v-2b8ecc1d] { --color: var(--color-text-gray-100);
}
.green-default ion-segment-button.md[data-v-2b8ecc1d]::part(indicator-background) { background: var(--theme-color-600);
}
.amber-purple .tab-box[data-v-2b8ecc1d] { background: var(--color-bg-300);
}
.amber-purple ion-segment.md[data-v-2b8ecc1d] { border-bottom: 0.0625rem solid var(--line-color);
}
.amber-purple ion-button.base-tab[data-v-2b8ecc1d] { --color: var(--text-color-light-purple-2-100);
}
.amber-purple ion-button.selected-tab[data-v-2b8ecc1d] { --color: var(--text-color-light-purple-1-100);
}
.amber-purple ion-segment-button.md[data-v-2b8ecc1d]::part(indicator-background) { background: var(--segment-gradients-purple);
}
.forest-green .tab-box[data-v-2b8ecc1d] { background: var(--color-bg-300);
}
.forest-green ion-segment.md[data-v-2b8ecc1d] { border-bottom: 0.0625rem solid var(--color-bg-200);
}
.forest-green ion-button.base-tab[data-v-2b8ecc1d] { --color: var(--color-text-gray-200);
}
.forest-green ion-button.selected-tab[data-v-2b8ecc1d] { --color: var(--color-text-gray-100);
}
.forest-green ion-segment-button.md[data-v-2b8ecc1d]::part(indicator-background) { background: var(--color-line);
}
.auroral-yellow .tab-box[data-v-2b8ecc1d] { background: var(--color-bg-300);
}
.auroral-yellow ion-segment.md[data-v-2b8ecc1d] { border-bottom: 0.0625rem solid var(--color-line);
}
.auroral-yellow ion-button.base-tab[data-v-2b8ecc1d] { --color: var(--color-text-gray-200);
}
.auroral-yellow ion-button.selected-tab[data-v-2b8ecc1d] { --color: var(--color-text-white-100);
}
.auroral-yellow ion-segment-button.md[data-v-2b8ecc1d]::part(indicator-background) { background: var(--theme-color-800);
}

    /* 在线客服介绍和联系按钮的布局。 */
.board[data-v-2b8ecc1d] { border-radius: 0.375rem; padding: 0.5rem; margin-top: 0.625rem; display: flex; align-items: flex-start; width: 100%;
}
.board ion-img[data-v-2b8ecc1d] { width: 3.4375rem; flex: 0 1 auto;
}
.board .online-service[data-v-2b8ecc1d] { margin-left: 0.5rem; flex: 1 1 0%;
}
.board .online-service .online-text[data-v-2b8ecc1d] { font-size: 1rem; line-height: 1.375rem;
}
.board .online-service .cust-service-tips[data-v-2b8ecc1d] { line-height: 1.125rem; margin-top: 0.25rem; margin-bottom: 0.25rem; font-size: 0.6875rem;
}
.online-service ion-button[data-v-2b8ecc1d] { --color: #ffffff; --border-radius: 0.3125rem; --padding-start: 1.25rem; --padding-end: 1.25rem; --font-size: 0.75rem; min-height: 0rem; margin: 0; height: 1.875rem;
}
.online-service ion-button[data-v-2b8ecc1d]::part(native) { width: 6.875rem;
}
    /* 保留客服区域的样式范围，避免影响页面容器和顶部标签。 */
.notification-service[data-v-2b8ecc1d] { --padding-start: 0.9375rem; --padding-end: 0.9375rem;
}
.notification-service ion-segment-button[data-v-2b8ecc1d] { --color: #9ba7be; --color-checked: #fff; --indicator-color: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%); text-transform: none;
}
.notification-service ion-segment[data-v-2b8ecc1d] { border-bottom: 0.0625rem solid #1a233e;
}
ion-button.cust-btn[data-v-2b8ecc1d]::part(native) { white-space: normal; text-transform: none; font-size: 0.7rem; line-height: 0.6rem; padding: 0;
}
    /* 客服区域的默认配色及各主题覆盖样式。 */
.board[data-v-2b8ecc1d] { background-color: var(--color-bg-200);
}
.online-service ion-button[data-v-2b8ecc1d] { --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-2b8ecc1d] { color: var(--color-text-white-100);
}
.cust-service-tips[data-v-2b8ecc1d] { color: var(--color-text-gray-300);
}
.blue-default .board[data-v-2b8ecc1d] { background-color: var(--color-bg-200);
}
.blue-default .online-service ion-button[data-v-2b8ecc1d] { --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-2b8ecc1d] { color: var(--color-text-white-100);
}
.blue-default .cust-service-tips[data-v-2b8ecc1d] { color: var(--color-text-gray-300);
}
.green-default .board[data-v-2b8ecc1d] { background-color: var(--color-bg-200);
}
.green-default .online-service ion-button[data-v-2b8ecc1d] { --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-2b8ecc1d] { color: var(--color-text-gray-100);
}
.green-default .cust-service-tips[data-v-2b8ecc1d] { color: var(--color-text-gray-200);
}
.amber-purple .board[data-v-2b8ecc1d] { background-color: var(--color-bg-200);
}
.amber-purple .online-service ion-button[data-v-2b8ecc1d] { --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-2b8ecc1d] { color: var(--text-color-light-purple-1-100);
}
.amber-purple .cust-service-tips[data-v-2b8ecc1d] { color: var(--text-color-light-purple-2-100);
}
.forest-green .board[data-v-2b8ecc1d] { background-color: var(--color-bg-200);
}
.forest-green .online-service ion-button[data-v-2b8ecc1d] { --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-2b8ecc1d] { color: var(--color-text-gray-100);
}
.forest-green .cust-service-tips[data-v-2b8ecc1d] { color: var(--color-text-gray-200);
}
.auroral-yellow .board[data-v-2b8ecc1d] { background-color: var(--color-bg-200);
}
.auroral-yellow .online-service ion-button[data-v-2b8ecc1d] { --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-2b8ecc1d] { color: var(--color-text-white-100);
}
.auroral-yellow .cust-service-tips[data-v-2b8ecc1d] { color: var(--color-text-gray-200);
}

    /* 消息和公告沿用源站布局与主题；内容区限定到 notification-list，保持客服和外层容器的样式。消息保留两行预览差异。 */
ion-content[data-v-2b8ecc1d]:where(.notification-list) { --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:where(.notification-list) .btn[data-v-2b8ecc1d] { width: 100%; padding-left: 1rem; padding-right: 1rem; display: flex; align-items: center; justify-content: flex-end; position: fixed; right: 0;
}
ion-content:where(.notification-list) .btn .read-all-btn img[data-v-2b8ecc1d] { width: 1.125rem; height: 1.125rem; margin-right: 0.375rem;
}
ion-content:where(.notification-list) .list[data-v-2b8ecc1d] { width: 100%;
}
ion-content:where(.notification-list) .list .notice-item-date[data-v-2b8ecc1d] { font-size: 0.75rem; line-height: 1rem; text-align: center; margin-bottom: 0.625rem; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
}
ion-content:where(.notification-list) .list .notice-item[data-v-2b8ecc1d] { padding: 0.625rem; border-radius: 0.375rem; margin-bottom: 0.625rem;
}
ion-content:where(.notification-list) .list .notice-item .item[data-v-2b8ecc1d] { display: flex; justify-content: space-between;
}
ion-content:where(.notification-list) .list .notice-item .item .notice-item-title[data-v-2b8ecc1d] { font-size: 0.875rem; line-height: 1.25rem;
}
ion-content:where(.notification-list) .list .notice-item .item .dot[data-v-2b8ecc1d] { color: red; font-size: 1.875rem; line-height: 1rem;
}
ion-content:where(.notification-list) .list .notice-item .notice-item-content[data-v-2b8ecc1d] { font-size: 0.75rem; line-height: 1rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; white-space: pre-line;
}
ion-content:where(.notification-list) .list.unRead[data-v-2b8ecc1d] { margin-top: 3.5rem;
}
ion-content:where(.notification-list) .empty[data-v-2b8ecc1d] { display: flex; flex-direction: column; align-items: center; justify-content: center;
}
ion-content:where(.notification-list) .empty .img[data-v-2b8ecc1d] { width: 7.5rem; height: 7.5rem; margin-top: 9rem; background: transparent url(/images/common/No_record.png) no-repeat; background-size: 7.5rem;
}
ion-infinite-scroll-content[data-v-2b8ecc1d] { min-height: 10px;
}
ion-button.read-all-btn[data-v-2b8ecc1d] { min-height: 0; min-width: 0; --border-radius: 1.8125rem; font-weight: 500; font-size: 0.75rem;
}
ion-button.read-all-btn[data-v-2b8ecc1d]::part(native) { padding: 0.5rem 0.75rem;
}
ion-button.read-all-btn[data-v-2b8ecc1d] { --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-2b8ecc1d] { background: var(--color-bg-200);
}
.notice-item-date[data-v-2b8ecc1d] { color: var(--color-text-gray-200);
}
.notice-item-title[data-v-2b8ecc1d] { color: var(--color-text-white-100);
}
.notice-item-content[data-v-2b8ecc1d] { color: var(--color-text-gray-200);
}
.blue-default ion-button.read-all-btn[data-v-2b8ecc1d] { --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-2b8ecc1d] { background: var(--color-bg-200);
}
.blue-default .notice-item-date[data-v-2b8ecc1d] { color: var(--color-text-gray-200);
}
.blue-default .notice-item-title[data-v-2b8ecc1d] { color: var(--color-text-white-100);
}
.blue-default .notice-item-content[data-v-2b8ecc1d] { color: var(--color-text-gray-200);
}
.green-default ion-button.read-all-btn[data-v-2b8ecc1d] { --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-2b8ecc1d] { background: var(--color-bg-200);
}
.green-default .notice-item-date[data-v-2b8ecc1d] { color: var(--color-text-gray-200);
}
.green-default .notice-item-title[data-v-2b8ecc1d] { color: var(--color-text-gray-100);
}
.green-default .notice-item-content[data-v-2b8ecc1d] { color: var(--color-text-gray-200);
}
.amber-purple ion-button.read-all-btn[data-v-2b8ecc1d] { --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-2b8ecc1d] { background: var(--color-bg-200);
}
.amber-purple .notice-item-date[data-v-2b8ecc1d] { color: var(--text-color-light-purple-2-100);
}
.amber-purple .notice-item-title[data-v-2b8ecc1d] { color: var(--text-color-light-purple-1-100);
}
.amber-purple .notice-item-content[data-v-2b8ecc1d] { color: var(--text-color-light-purple-2-100);
}
.forest-green ion-button.read-all-btn[data-v-2b8ecc1d] { --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-2b8ecc1d] { background: var(--color-bg-200);
}
.forest-green .notice-item-date[data-v-2b8ecc1d] { color: var(--color-text-gray-200);
}
.forest-green .notice-item-title[data-v-2b8ecc1d] { color: var(--color-text-gray-100);
}
.forest-green .notice-item-content[data-v-2b8ecc1d] { color: var(--color-text-gray-200);
}
.auroral-yellow ion-button.read-all-btn[data-v-2b8ecc1d] { --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-2b8ecc1d] { background: var(--color-bg-200);
}
.auroral-yellow .notice-item-date[data-v-2b8ecc1d] { color: var(--color-text-gray-200);
}
.auroral-yellow .notice-item-title[data-v-2b8ecc1d] { color: var(--color-text-white-100);
}
.auroral-yellow .notice-item-content[data-v-2b8ecc1d] { color: var(--color-text-gray-200);
}
ion-content:where(.notification-list).notification .list .notice-item .notice-item-content[data-v-2b8ecc1d] { font-size: 0.75rem; line-height: 1.25rem; margin-top: 0.3125rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: pre-line; text-align: left;
}
    /* 图片卡片沿用源站零内边距，消息和公告使用同一图片展示规则。 */
ion-content:where(.notification-list) .list .notice-item.notice-item--image[data-v-2b8ecc1d] { padding: 0;
}
.notice-image-container[data-v-2b8ecc1d] { position: relative; width: 100%;
}
.notice-image[data-v-2b8ecc1d] { width: 100%; display: block; border-radius: var(--rounded-medium, 0.5rem); aspect-ratio: 3 / 1; max-height: 7.625rem; object-fit: cover; background-color: var(--ep-color-background-fill-surface-raised-L1, var(--color-bg-100, #f5f5f5));
}
    /* 图片卡片的未读红点定位到右上角，文字卡片继续使用标题旁的红点。 */
.notice-image-container .dot[data-v-2b8ecc1d] { color: red; font-size: 1.875rem; line-height: 1rem; position: absolute; top: 0.75rem; right: 0.75rem;
}

:where(.announcement-content).vHtml[data-v-992833d9] [style*='text-align: center'] img, :where(.announcement-content).vHtml[data-v-992833d9] [style*='text-align:center'] img { margin-left: auto; margin-right: auto;
}

ion-content[data-v-992833d9] { --background: var(--color-bg-300);
}
    /* 通知图片保持与列表一致的比例、圆角和裁切方式。 */
.notice-image-container[data-v-992833d9] { position: relative; width: 100%;
}
.notice-image[data-v-992833d9] { width: 100%; display: block; border-radius: var(--rounded-medium, 0.5rem); aspect-ratio: 3 / 1; max-height: 7.625rem; object-fit: cover; background-color: var(--ep-color-background-fill-surface-raised-L1, var(--color-bg-100, #f5f5f5));
}
[data-v-992833d9] .announcement-content p img { width: 100%; height: auto; margin-bottom: 1.25rem;
}
.message-content[data-v-992833d9] { color: var(--my-card-detail-color);
}
[data-v-992833d9] table { border-collapse: collapse; width: 100%; border: 1px solid var(--line-color);
}
[data-v-992833d9] table th,[data-v-992833d9] table td { border: 1px solid var(--line-color); text-align: left;
}
.not-signature[data-v-992833d9] { font-size: 0.875rem; line-height: 1.25rem;
}
.new-skin-symbol .small-text-white[data-v-992833d9] { 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-992833d9] { 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-992833d9] { font-weight: var(--ep-font-weight-medium);
}
.new-skin-symbol ion-content[data-v-992833d9] { --background: var(--ep-color-background-fill-body-default);
}
.new-skin-symbol .message-content[data-v-992833d9] { color: var(--ep-color-text-weak);
}
.new-skin-symbol .notification-detail-title[data-v-992833d9] { color: var(--ep-color-text-default);
}
.new-skin-symbol[data-v-992833d9] table, .new-skin-symbol[data-v-992833d9] table th, .new-skin-symbol[data-v-992833d9] table td { border: 1px solid var(--ep-color-border-default);
}
.new-skin-symbol .not-signature[data-v-992833d9] { font-size: var(--ep-font-size-m); line-height: 1.25rem;
}
.new-skin-symbol ion-toolbar[data-v-992833d9] { --background: var(--ep-color-background-fill-top-nav-secondary);
}
.new-skin-symbol ion-title[data-v-992833d9] { color: var(--ep-color-text-default); font-size: var(--ep-font-size-l); font-weight: var(--ep-font-weight-medium);
}

.task-page[data-v-3da3cdf3] { --padding-top: 0.625rem; --padding-start: 15px; --padding-end: 15px;
}

.redeem-page[data-v-d2415a9d] { --padding-top: 0.625rem; --padding-start: 15px; --padding-end: 15px; --padding-bottom: 1rem;
}

.footer[data-v-df01e65e] { position: fixed; bottom: 0; left: 0; width: 100%; height: 5rem; margin: 0 auto; padding-top: 1.25rem; color: #fff;
}
@keyframes shiny-df01e65e {
0% { opacity: 0; transform: scale(0) rotate(45deg);
}
80% { opacity: 0.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-df01e65e] { background-color: var(--color-bg-100); box-shadow: 0 0.5px 0 0 var(--color-border) inset;
}
.blue-default .footer[data-v-df01e65e] { background-color: var(--color-bg-100); box-shadow: 0 0.5px 0 0 var(--color-border) inset;
}
.auroral-yellow .footer[data-v-df01e65e] { background-color: var(--color-bg-100); box-shadow: 0 0.5px 0 0 var(--color-border) inset;
}
.forest-green .footer[data-v-df01e65e] { background-color: var(--color-bg-100); box-shadow: 0 0.5px 0 0 var(--color-border) inset;
}
.green-default .footer[data-v-df01e65e] { background-color: var(--color-bg-100); box-shadow: 0 0.5px 0 0 var(--color-line) inset;
}
.amber-purple .footer[data-v-df01e65e] { background-color: var(--color-bg-100); box-shadow: 0 0.5px 0 0 var(--line-color) inset;
}
.new-skin-symbol .footer[data-v-df01e65e] { background-color: var(--ep-color-background-fill-surface-raised-L1); box-shadow: 0 0.5px 0 0 var(--ep-color-border-default) inset;
}
.footer .btn[data-v-df01e65e] { width: 17.5rem; height: 2.5rem; border-radius: 0.625rem; text-align: center; line-height: 2.5rem; margin: 0 auto;
}
.footer .shiny[data-v-df01e65e] { position: relative; overflow: hidden; color: #fff;
}
.footer .shiny[data-v-df01e65e]:before { content: ''; animation: shiny-df01e65e 8s ease-in-out infinite; background: #fff; display: inline-block; height: 100%; left: 0; position: absolute; top: -180px; width: 30px; z-index: 100;
}
.footer .unable[data-v-df01e65e] { background: var(--color-btn-gradient-footerUnable); color: var(--color-text-white-100);
}
.footer .enable[data-v-df01e65e] { background: var(--color-btn-gradient-footer); color: var(--color-text-white-100);
}
.footer .active[data-v-df01e65e] { background: var(--color-btn-gradient-footer); color: var(--color-text-white-100); box-shadow: 0 4px 15px rgba(32, 139, 229, 0.25);
}
.blue-default .footer .unable[data-v-df01e65e] { background: var(--color-btn-gradient-footerUnable); color: var(--color-text-white-100);
}
.blue-default .footer .enable[data-v-df01e65e] { background: var(--color-btn-gradient-footer); color: var(--color-text-white-100);
}
.blue-default .footer .active[data-v-df01e65e] { background: var(--color-btn-gradient-footer); color: var(--color-text-white-100); box-shadow: 0 4px 15px rgba(32, 139, 229, 0.25);
}
.auroral-yellow .footer .unable[data-v-df01e65e] { background: var(--color-btn-gradient-footerUnable); color: var(--color-text-black-100);
}
.auroral-yellow .footer .enable[data-v-df01e65e] { background: var(--color-btn-gradient-footer); color: var(--color-text-black-100);
}
.auroral-yellow .footer .active[data-v-df01e65e] { background: var(--color-btn-gradient-footer); color: var(--color-text-black-100); box-shadow: 0 4px 15px rgba(32, 139, 229, 0.25);
}
.forest-green .footer .unable[data-v-df01e65e] { background: var(--color-btn-gradient-footerUnable); color: var(--color-text-white-40);
}
.forest-green .footer .enable[data-v-df01e65e] { background: var(--color-btn-gradient-footer); color: var(--color-text-white-100);
}
.forest-green .footer .active[data-v-df01e65e] { background: var(--color-btn-gradient-footer); color: var(--color-text-white-100); box-shadow: 0 4px 15px rgba(32, 139, 229, 0.25);
}
.green-default .footer .unable[data-v-df01e65e] { background: var(--theme-color-gradient-400); color: var(--color-text-white-40);
}
.green-default .footer .enable[data-v-df01e65e] { background: var(--color-btn-gradient-footer); color: var(--color-text-white-100);
}
.green-default .footer .active[data-v-df01e65e] { background: var(--color-btn-gradient-footer); color: var(--color-text-white-100); box-shadow: 0 4px 15px rgba(32, 139, 229, 0.25);
}
.amber-purple .footer .unable[data-v-df01e65e] { background: var(--gradients-disabled-btn-bg); color: var(--text-color-white-40);
}
.amber-purple .footer .enable[data-v-df01e65e] { background: var(--color-btn-gradient-footer); color: var(--color-text-white-100);
}
.amber-purple .footer .active[data-v-df01e65e] { background: var(--color-btn-gradient-footer); color: var(--color-text-white-100); box-shadow: 0 4px 15px rgba(32, 139, 229, 0.25);
}

    /* 原 slot 为块元素；改用可禁用的按钮后保留居中布局。 */
.btn[data-v-df01e65e] { display: block; border: 0; padding: 0; font: inherit;
}
.footer[data-v-df01e65e] { height: calc(5rem + env(safe-area-inset-bottom));
}

.desc .ruleHeader[data-v-e7e2d2ca] { display: flex; align-items: center; justify-content: center;
}
.desc .ruleHeader .span-cls[data-v-e7e2d2ca] { 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 0.375rem;
}
.desc .recharge-notice[data-v-e7e2d2ca] { margin-bottom: 0.75rem;
}
.desc .item-wrap[data-v-e7e2d2ca] { padding: 0 1.0625rem;
}
.desc .item-wrap .rule-item[data-v-e7e2d2ca] { 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%;
}
.purple-light .warpper > .content .task-list .instructions.ruleDetail .ruleHeader .span-cls[data-v-e7e2d2ca] { color: var(--color-activity-rule);
}
.purple-light .warpper > .content .task-list .instructions .item-wrap .rule-item[data-v-e7e2d2ca] { color: var(--color-activity-rule);
}
.theme-38 .desc.ruleDetail .ruleHeader .span-cls[data-v-e7e2d2ca] { color: var(--ep-color-text-default);
}

.activity-load-state[data-v-f1422771] { display: grid; justify-items: center; gap: 0.75rem; padding: 3rem 1rem; color: var(--color-text-gray-200);
}

.recharge-activity-title[data-v-ad1cba46] { 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-ad1cba46] { overflow: hidden; border-radius: 0.375rem; border: 1px solid var(--color-border-input-basic);
}
.recharge-available-tips-wrapper[data-v-ad1cba46] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin: 1.25rem auto 1.875rem; padding: 0 0.625rem;
}
.recharge-available-tips-wrapper .recharge-available-tips[data-v-ad1cba46] { font-size: 0.875rem; color: var(--color-text-second);
}
.recharge-available-tips-wrapper .recharge-available-tips .span[data-v-ad1cba46] { color: var(--color-currency); margin-left: 0.1875rem;
}
.recharge-available-tips-wrapper .sum-recharge-tip[data-v-ad1cba46] { width: 100%; margin-top: 0.5rem; font-size: 0.75rem; color: var(--color-text-second);
}
.div-cls[data-v-ad1cba46] { margin-bottom: 0.75rem;
}
.illustrate[data-v-ad1cba46] { width: 22.5rem; margin: 0.875rem auto 7rem !important; border-radius: 0.9375rem; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05); padding: 0.625rem; line-height: 1.25rem; box-sizing: border-box; font-size: 0.75rem;
}
ion-button.shiny[data-v-ad1cba46] { position: relative; overflow: hidden;
}
.turntable-shiny[data-v-ad1cba46] { position: relative; overflow: hidden;
}
ion-button.shiny[data-v-ad1cba46]:before { content: ''; animation: shiny-ad1cba46 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-ad1cba46] { --min-height: 3.125rem;
}
ion-title[data-v-ad1cba46] { font-size: 1.25rem;
}
.claim ion-button[data-v-ad1cba46]::part(native) { width: 17.5rem; height: 2.5rem; border-radius: 0.625rem;
}
.claim ion-button[data-v-ad1cba46] { min-height: 2.1875rem; --color: #fff;
}
table[data-v-ad1cba46] { border-collapse: collapse; background-color: transparent;
}
.table-cls[data-v-ad1cba46] { display: table; width: 100%; font-size: 0.75rem; line-height: 1rem; background-color: var(--color-bg-second);
}
table.table-cls th[data-v-ad1cba46] { line-height: 2.25rem; width: 12.5%;
}
table.table-cls td[data-v-ad1cba46] { line-height: 1.875rem; width: 12.5%;
}
table th[data-v-ad1cba46]:first-child, table td[data-v-ad1cba46]:first-child { border-left: none;
}
table th[data-v-ad1cba46]:last-child, table td[data-v-ad1cba46]:last-child { border-right: none;
}
table thead tr:first-child th[data-v-ad1cba46], table thead tr:first-child td[data-v-ad1cba46] { border-top: none;
}
table tt:last-child th[data-v-ad1cba46], table tr:last-child td[data-v-ad1cba46] { border-bottom: none;
}
@keyframes shiny-ad1cba46 {
0% { opacity: 0; transform: scale(0) rotate(45deg);
}
80% { opacity: 0.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-ad1cba46] .item-wrap { background: var(--color-bg-200);
}
.illustrate[data-v-ad1cba46] .item-wrap .rule-item { color: var(--color-text-gray-200);
}
.claim ion-button[data-v-ad1cba46] { --background: var(--theme-color-gradient-100); --background-activated: var(--theme-color-gradient-100);
}
table th[data-v-ad1cba46], table td[data-v-ad1cba46] { border: 1px solid var(--color-border-600); font-weight: 400;
}
table thead th[data-v-ad1cba46] { color: var(--color-text-gray-200); background-color: var(--color-bg-100);
}
table tbody td[data-v-ad1cba46] { background-color: var(--color-bg-200); text-align: center;
}
table tbody td[data-v-ad1cba46]:first-child { font-weight: 700; color: var(---color-text-white-100);
}
table tbody td[data-v-ad1cba46]:last-child { font-weight: 700; color: var(--accent-color-yellow);
}
.recharge-recharge1[data-v-ad1cba46] { color: var(---color-text-white-100);
}
.recharge-table[data-v-ad1cba46] { border: 1px solid var(--color-border-600);
}
.recharge-table .table-bg[data-v-ad1cba46] { background: var(--color-bg-200);
}
.recharge-common002[data-v-ad1cba46] { color: var(--color-text-gray-200);
}
.recharge-text-emphasis[data-v-ad1cba46] { color: var(--color-text-emphasis);
}
.mul-cls[data-v-ad1cba46] { margin: 0;
}
.illustrate[data-v-ad1cba46] { width: 22.5rem; padding: 0;
}
.illustrate[data-v-ad1cba46] .ruleHeader { justify-content: start; margin-bottom: 0.75rem;
}
.illustrate[data-v-ad1cba46] .ruleHeader .span-cls { font-size: 1rem;
}
.illustrate[data-v-ad1cba46] .item-wrap { border-radius: 0.9375rem; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05); padding: 0.625rem; line-height: 1.25rem; box-sizing: border-box; font-size: 0.75rem; background: inherit;
}
.illustrate[data-v-ad1cba46] .item-wrap .rule-item { color: inherit;
}
.blue-default .illustrate[data-v-ad1cba46] .item-wrap { background: var(--color-bg-200);
}
.blue-default .illustrate[data-v-ad1cba46] .item-wrap .rule-item { color: var(--color-text-gray-200);
}
.blue-default .claim ion-button[data-v-ad1cba46] { --background: var(--theme-color-gradient-100); --background-activated: var(--theme-color-gradient-100);
}
.blue-default table th[data-v-ad1cba46], .blue-default table td[data-v-ad1cba46] { border: 1px solid var(--color-border-600); font-weight: 400;
}
.blue-default table thead th[data-v-ad1cba46] { color: var(--color-text-gray-200); background-color: var(--color-bg-100);
}
.blue-default table tbody td[data-v-ad1cba46] { background-color: var(--color-bg-200); text-align: center;
}
.blue-default table tbody td[data-v-ad1cba46]:first-child { font-weight: 700; color: var(---color-text-white-100);
}
.blue-default table tbody td[data-v-ad1cba46]:last-child { font-weight: 700; color: var(--accent-color-yellow);
}
.blue-default .recharge-recharge1[data-v-ad1cba46] { color: var(---color-text-white-100);
}
.blue-default .recharge-table[data-v-ad1cba46] { border: 1px solid var(--color-border-600);
}
.blue-default .recharge-table .table-bg[data-v-ad1cba46] { background: var(--color-bg-200);
}
.blue-default .recharge-common002[data-v-ad1cba46] { color: var(--color-text-gray-200);
}
.blue-default .recharge-text-emphasis[data-v-ad1cba46] { color: var(--color-text-emphasis);
}
.green-default .illustrate[data-v-ad1cba46] .item-wrap { background: var(--color-bg-200);
}
.green-default .illustrate[data-v-ad1cba46] .item-wrap .rule-item { color: var(--color-text-gray-200);
}
.green-default .claim ion-button[data-v-ad1cba46] { --background: var(--theme-color-gradient-100); --background-activated: var(--theme-color-gradient-100);
}
.green-default table th[data-v-ad1cba46], .green-default table td[data-v-ad1cba46] { border: 1px solid var(--color-line); font-weight: 400;
}
.green-default table thead th[data-v-ad1cba46] { color: var(--color-text-gray-200); background-color: var(--color-bg-100);
}
.green-default table tbody td[data-v-ad1cba46] { background-color: var(--color-bg-200); text-align: center;
}
.green-default table tbody td[data-v-ad1cba46]:first-child { font-weight: 700; color: var(--color-text-gray-100);
}
.green-default table tbody td[data-v-ad1cba46]:last-child { font-weight: 700; color: var(--accent-color-yellow);
}
.green-default .recharge-recharge1[data-v-ad1cba46] { color: var(--color-text-gray-100);
}
.green-default .recharge-table[data-v-ad1cba46] { border: 1px solid var(--color-line);
}
.green-default .recharge-table .table-bg[data-v-ad1cba46] { background: var(--color-bg-200);
}
.green-default .recharge-common002[data-v-ad1cba46] { color: var(--color-text-gray-200);
}
.green-default .recharge-text-emphasis[data-v-ad1cba46] { color: var(--accent-color-yellow);
}
.amber-purple .illustrate[data-v-ad1cba46] .item-wrap { background: var(--color-bg-200);
}
.amber-purple .illustrate[data-v-ad1cba46] .item-wrap .rule-item { color: var(--text-color-light-purple-2-100);
}
.amber-purple .claim ion-button[data-v-ad1cba46] { --background: var(--segment-gradients-purple); --background-activated: var(--segment-gradients-purple);
}
.amber-purple table th[data-v-ad1cba46], .amber-purple table td[data-v-ad1cba46] { border: 1px solid var(--line-color); font-weight: 400;
}
.amber-purple table thead th[data-v-ad1cba46] { color: var(--text-color-light-purple-2-100); background-color: var(--color-bg-100);
}
.amber-purple table tbody td[data-v-ad1cba46] { background-color: var(--color-bg-200); text-align: center;
}
.amber-purple table tbody td[data-v-ad1cba46]:first-child { font-weight: 700; color: var(--text-color-light-purple-1-100);
}
.amber-purple table tbody td[data-v-ad1cba46]:last-child { font-weight: 700; color: var(--accent-color-yellow);
}
.amber-purple .recharge-recharge1[data-v-ad1cba46] { color: var(--text-color-light-purple-1-100);
}
.amber-purple .recharge-table[data-v-ad1cba46] { border: 1px solid var(--line-color);
}
.amber-purple .recharge-table .table-bg[data-v-ad1cba46] { background: var(--color-bg-200);
}
.amber-purple .recharge-common002[data-v-ad1cba46] { color: var(--text-color-light-purple-2-100);
}
.amber-purple .recharge-text-emphasis[data-v-ad1cba46] { color: var(--accent-color-yellow);
}
.auroral-yellow .illustrate[data-v-ad1cba46] .item-wrap { background: var(--color-bg-200);
}
.auroral-yellow .illustrate[data-v-ad1cba46] .item-wrap .rule-item { color: var(--color-text-gray-200);
}
.auroral-yellow .claim ion-button[data-v-ad1cba46] { --background: var(--theme-color-gradient-100); --background-activated: var(--theme-color-gradient-100);
}
.auroral-yellow table th[data-v-ad1cba46], .auroral-yellow table td[data-v-ad1cba46] { border: 1px solid var(--color-border); font-weight: 400;
}
.auroral-yellow table thead th[data-v-ad1cba46] { color: var(--color-text-gray-200); background-color: var(--color-bg-100);
}
.auroral-yellow table tbody td[data-v-ad1cba46] { background-color: var(--color-bg-200); text-align: center;
}
.auroral-yellow table tbody td[data-v-ad1cba46]:first-child { font-weight: 700; color: var(---color-text-white-100);
}
.auroral-yellow table tbody td[data-v-ad1cba46]:last-child { font-weight: 700; color: var(--accent-color-yellow);
}
.auroral-yellow .recharge-recharge1[data-v-ad1cba46] { color: var(---color-text-white-100);
}
.auroral-yellow .recharge-table[data-v-ad1cba46] { border: 1px solid var(--color-border-600);
}
.auroral-yellow .recharge-table .table-bg[data-v-ad1cba46] { background: var(--color-bg-200);
}
.auroral-yellow .recharge-common002[data-v-ad1cba46] { color: var(--color-text-gray-200);
}
.auroral-yellow .recharge-text-emphasis[data-v-ad1cba46] { color: var(--color-text-emphasis);
}

.activity-banner[data-v-ad1cba46] { display: block; width: 100%; margin-bottom: 1.25rem; border-radius: 0.625rem;
}
.content-wrapper[data-v-ad1cba46] { padding-bottom: calc(5rem + env(safe-area-inset-bottom));
}
.illustrate[data-v-ad1cba46] { max-width: 100%;
}

.tier-recharge .space-m[data-v-c31e1277] { margin: 0 0.75rem;
}
.tier-recharge .share-platform-block[data-v-c31e1277] { margin-top: 1rem;
}
.tier-recharge .tier-recharge-poster-wrap[data-v-c31e1277] { height: 20.625rem; position: relative;
}
.tier-recharge .tier-recharge-poster-wrap .tier-recharge-poster[data-v-c31e1277] { width: 100%; height: 100%; object-fit: cover;
}
.tier-recharge .tier-recharge-poster-wrap .tier-recharge-poster-money[data-v-c31e1277] { min-width: 9.125rem; min-height: 4.875rem; aspect-ratio: 1.871 / 1; padding: 0.875rem 0.25rem 0.25rem; display: flex; flex-direction: column; align-items: center; position: absolute; bottom: 0.5rem; left: 50%; transform: translate(-50%); background: url(/images/activity/rechargeTwo-container-18-r2.png) no-repeat center center / cover;
}
.tier-recharge .tier-recharge-poster-wrap .tier-recharge-poster-money .tier-recharge-poster-money-text[data-v-c31e1277] { font-size: var(--ep-font-size-m, 0.875rem); font-weight: var(--ep-font-weight-bold, 700); color: var(--ep-color-text-highlight-white, #f5c84c);
}
.tier-recharge .tier-recharge-poster-wrap .tier-recharge-poster-money .tier-recharge-poster-money-amount[data-v-c31e1277] { line-height: 1.2; font-size: var(--ep-font-size-m, 0.875rem); font-weight: var(--ep-font-weight-bold, 700); color: var(--ep-color-text-highlight, #f5c84c);
}
.tier-recharge .cumulative-bar[data-v-c31e1277] { display: flex; justify-content: space-between; align-items: center; padding: 0 1.25rem; height: 3.25rem; margin-top: 0.5rem; background: var(--ep-color-background-fill-surface-raised-L2, #1d2a55); border: 1px solid var(--ep-color-border-default, #1e2d67); border-radius: var(--ep-border-radius-m, 0.375rem); font-size: var(--ep-font-size-m, 0.875rem); font-weight: var(--ep-font-weight-bold, 700); color: var(--ep-color-text-default, #fff); line-height: 1.5;
}
.tier-recharge .cumulative-bar .cumulative-amount[data-v-c31e1277] { color: var(--ep-color-text-highlight, #f5c84c);
}
.tier-recharge .tier-section[data-v-c31e1277] { margin-top: 1.25rem;
}
.tier-recharge .tier-section .tier-header[data-v-c31e1277] { display: flex; height: 1.125rem; margin-bottom: 0.75rem; font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-medium, 600); color: var(--ep-color-text-default, #fff); line-height: 1.5;
}
.tier-recharge .tier-section .tier-header .tier-header-left[data-v-c31e1277] { width: 51.1%; text-align: center;
}
.tier-recharge .tier-section .tier-header .tier-header-right[data-v-c31e1277] { flex: 1; text-align: center;
}
.tier-recharge .tier-section .tier-list[data-v-c31e1277] { display: flex; flex-direction: column; gap: 0.75rem; list-style: none; margin: 0; padding: 0;
}
.tier-recharge .tier-section .tier-row[data-v-c31e1277] { display: flex; height: 2.625rem;
}
.tier-recharge .tier-section .tier-cell[data-v-c31e1277] { display: flex; align-items: center; justify-content: center; font-size: var(--ep-font-size-l, 1rem); font-weight: var(--ep-font-weight-medium, 600); line-height: 1.5;
}
.tier-recharge .tier-section .tier-cell-left[data-v-c31e1277] { width: 51.5%; flex-shrink: 0; background: var(--ep-color-background-fill-surface-raised-L1, #18254e); color: var(--ep-color-text-default, #fff); mask-image: url(/images/activity/unilateral-trapezoid-left-r2.svg); mask-repeat: no-repeat; mask-size: cover; -webkit-mask-image: url(/images/activity/unilateral-trapezoid-left-r2.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover;
}
.tier-recharge .tier-section .tier-cell-right[data-v-c31e1277] { width: 50.8%; flex-shrink: 0; margin-left: -0.5rem; background: var(--ep-color-background-fill-surface-raised-L2, #1d2a55); mask-image: url(/images/activity/unilateral-trapezoid-right-r2.svg); mask-repeat: no-repeat; mask-size: contain; -webkit-mask-image: url(/images/activity/unilateral-trapezoid-right-r2.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain;
}
.tier-recharge .tier-section .tier-reward[data-v-c31e1277] { color: var(--ep-color-text-warning, #fc974c);
}
.tier-recharge .tier-hint[data-v-c31e1277] { display: flex; flex-direction: column; gap: 0.25rem; margin-top: 0.75rem; padding-left: 1rem; font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-regular, 400); color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6)); line-height: 1.5;
}
.tier-recharge .tier-hint .tier-hint-icon[data-v-c31e1277] { width: 0.75rem; height: 0.75rem; font-size: 0.75rem; flex-shrink: 0; margin-top: 0.1875rem;
}
.tier-recharge .tier-hint .cumulative-tip[data-v-c31e1277], .tier-recharge .tier-hint .claim-tip[data-v-c31e1277] { display: flex; align-items: flex-start; gap: 0.25rem;
}
.tier-recharge .tier-hint .cumulative-tip[data-v-c31e1277] .amount-display, .tier-recharge .tier-hint .claim-tip[data-v-c31e1277] .amount-display { display: inline-flex;
}

.auroral-yellow .recharge-two-container[data-v-d3c273d1] { --ep-color-icon-inverse: #fff; --ep-color-background-fill-body-default: #171616; --ep-color-background-fill-surface-raised-L1: #24221f; --ep-color-background-fill-surface-raised-L2: #38342e; --ep-color-background-fill-surface-lowered: #131313; --ep-color-background-fill-active-disabled: rgba(247, 251, 67, 0.4); --ep-dynamic-primary: #f7fb43; --ep-color-text-default: #fff; --ep-color-text-highlight: #f7fb43; --ep-color-text-highlight-white: #fff; --ep-color-text-warning: #f7fb43; --ep-color-text-weak: #8a867c; --ep-color-text-inverse: #191919; --ep-color-text-inverse-disabled: #191919; --ep-color-border-default: #4c4943;
}
.amber-purple .recharge-two-container[data-v-d3c273d1] { --ep-color-icon-inverse: #fff; --ep-color-background-fill-body-default: #262346; --ep-color-background-fill-surface-raised-L1: #2c294d; --ep-color-background-fill-surface-raised-L2: #3b3466; --ep-color-background-fill-surface-lowered: #292547; --ep-color-background-fill-active-disabled: linear-gradient(270deg, rgba(112, 65, 243, 0.4) 0%, rgba(245, 200, 76, 0.4) 130.92%); --ep-dynamic-primary: linear-gradient(270deg, #7041f3 0%, #f5c84c 130.92%); --ep-color-text-default: #fff; --ep-color-text-highlight: #f5c74d; --ep-color-text-highlight-white: #fff; --ep-color-text-warning: #f5c84c; --ep-color-text-weak: rgba(255, 255, 255, 0.6); --ep-color-text-inverse: #fff; --ep-color-text-inverse-disabled: rgba(255, 255, 255, 0.4); --ep-color-border-default: #5f588c;
}
.amber-purple .recharge-two-container[data-v-d3c273d1] .cumulative-bar { background: #2c294d;
}
.amber-purple .second .recharge-two-container[data-v-d3c273d1] { --ep-color-background-fill-body-default: #262346; --ep-color-background-fill-surface-raised-L1: #2c294d; --ep-color-background-fill-surface-raised-L2: #3b3466; --ep-color-background-fill-surface-lowered: #292547; --ep-color-background-fill-active-disabled: linear-gradient(0deg, rgba(112, 65, 243, 0.4) 23.01%, rgba(245, 200, 76, 0.4) 131.39%); --ep-dynamic-primary: linear-gradient(0deg, #7041f3 23.01%, #f5c84c 131.39%); --ep-color-text-default: #fff; --ep-color-text-highlight: #f5c74d; --ep-color-text-highlight-white: #fff; --ep-color-text-warning: #e4ae55; --ep-color-text-weak: #686299; --ep-color-text-inverse: #fff; --ep-color-text-inverse-disabled: rgba(255, 255, 255, 0.4); --ep-color-border-default: #5f588c;
}
.amber-purple .second .recharge-two-container[data-v-d3c273d1] .cumulative-bar { background: #2c294d; color: #bdb8e1;
}
.amber-purple .second .recharge-two-container .activity-rule-detail[data-v-d3c273d1] .span-cls { color: #bdb8e1;
}
.blue-default .recharge-two-container[data-v-d3c273d1] { --ep-color-icon-inverse: #fff; --ep-color-background-fill-body-default: #090f1f; --ep-color-background-fill-surface-raised-L1: #101629; --ep-color-background-fill-surface-raised-L2: #1a223a; --ep-color-background-fill-surface-lowered: #070b18; --ep-color-background-fill-active-disabled: linear-gradient(0deg, rgba(1, 103, 202, 0.4) -13.77%, rgba(56, 168, 250, 0.4) 102.34%); --ep-dynamic-primary: linear-gradient(0deg, #0167ca -13.77%, #38a8fa 102.34%); --ep-color-text-default: #fff; --ep-color-text-highlight: #fba531; --ep-color-text-highlight-white: #fff; --ep-color-text-warning: #fba531; --ep-color-text-weak: rgba(255, 255, 255, 0.4); --ep-color-text-inverse: #fff; --ep-color-text-inverse-disabled: rgba(255, 255, 255, 0.4); --ep-color-border-default: #1a233e;
}
.forest-green .recharge-two-container[data-v-d3c273d1] { --ep-color-icon-inverse: #fff; --ep-color-background-fill-body-default: #004d37; --ep-color-background-fill-surface-raised-L1: #00422f; --ep-color-background-fill-surface-raised-L2: #006849; --ep-color-background-fill-surface-lowered: #00422f; --ep-color-background-fill-active-disabled: linear-gradient(180deg, rgba(19, 201, 106, 0.4) 0%, rgba(29, 149, 84, 0.4) 100%); --ep-dynamic-primary: linear-gradient(180deg, #13c96a 0%, #1d9554 100%); --ep-color-text-default: #fff; --ep-color-text-highlight: #eef93b; --ep-color-text-highlight-white: #fff; --ep-color-text-warning: #eef93b; --ep-color-text-weak: #50b388; --ep-color-text-inverse: #fff; --ep-color-text-inverse-disabled: rgba(255, 255, 255, 0.4); --ep-color-border-default: #009f76;
}
.forest-green .recharge-two-container[data-v-d3c273d1] .tier-recharge .tier-hint { color: #fff;
}
.green-default .recharge-two-container[data-v-d3c273d1] { --ep-color-icon-inverse: #fff; --ep-color-background-fill-body-default: #213b10; --ep-color-background-fill-surface-raised-L1: #183009; --ep-color-background-fill-surface-raised-L2: #274116; --ep-color-background-fill-surface-lowered: #183009; --ep-color-background-fill-active-disabled: rgba(23, 182, 99, 0.4); --ep-dynamic-primary: #17b663; --ep-color-text-default: #fff; --ep-color-text-highlight: #fbed3c; --ep-color-text-highlight-white: #fff; --ep-color-text-warning: #fbed3c; --ep-color-text-weak: #7e9071; --ep-color-text-inverse: #fff; --ep-color-text-inverse-disabled: rgba(255, 255, 255, 0.4); --ep-color-border-default: #34571d;
}
.green-default .recharge-two-container[data-v-d3c273d1] .cumulative-bar { background: #183009;
}
.green-default .recharge-two-container .activity-rule-detail[data-v-d3c273d1] .span-cls { color: #afc69f;
}
.purple-light .recharge-two-container[data-v-d3c273d1] { --ep-color-icon-inverse: #fff; --ep-color-background-fill-body-default: #e7dbff; --ep-color-background-fill-surface-raised-L1: #e0d0ff; --ep-color-background-fill-surface-raised-L2: #f4eeff; --ep-color-background-fill-surface-lowered: #e0d0ff; --ep-color-background-fill-active-disabled: rgba(101, 38, 219, 0.4); --ep-dynamic-primary: #6526db; --ep-color-text-default: #403d4f; --ep-color-text-highlight: #fba531; --ep-color-text-highlight-white: #fff; --ep-color-text-warning: #fba531; --ep-color-text-weak: rgba(64, 61, 79, 0.8); --ep-color-text-inverse: #fff; --ep-color-text-inverse-disabled: rgba(255, 255, 255, 0.4); --ep-color-border-default: #dbc9ff;
}
.purple-light .recharge-two-container[data-v-d3c273d1] .cumulative-bar { background: #e0d0ff;
}
.yellow-dark .recharge-two-container[data-v-d3c273d1] { --ep-color-icon-inverse: #fff; --ep-color-background-fill-body-default: #1b1b19; --ep-color-background-fill-surface-raised-L1: #262624; --ep-color-background-fill-surface-raised-L2: #2f2e2d; --ep-color-background-fill-surface-lowered: #181816; --ep-color-background-fill-active-disabled: rgba(254, 184, 5, 0.4); --ep-dynamic-primary: #feb805; --ep-color-text-default: #fff; --ep-color-text-highlight: #f5c74d; --ep-color-text-highlight-white: #fff; --ep-color-text-warning: #fc964d; --ep-color-text-weak: rgba(255, 255, 255, 0.4); --ep-color-text-inverse: #2d2d2d; --ep-color-text-inverse-disabled: #000; --ep-color-border-default: #2f2e2d;
}
.yellow-dark .recharge-two-container[data-v-d3c273d1] .cumulative-bar { background: #262624;
}
.yellow-dark .recharge-two-container[data-v-d3c273d1] .tier-recharge .tier-hint { color: rgba(255, 255, 255, 0.8);
}
.green-dark .recharge-two-container[data-v-d3c273d1] { --ep-color-icon-inverse: #fff; --ep-color-background-fill-body-default: #1a1d22; --ep-color-background-fill-surface-raised-L1: #3b414d; --ep-color-background-fill-surface-raised-L2: #22262e; --ep-color-background-fill-surface-lowered: #16191d; --ep-color-background-fill-active-disabled: rgba(62, 155, 47, 0.4); --ep-dynamic-primary: #3e9b2f; --ep-color-text-default: #fff; --ep-color-text-highlight: #f5c74d; --ep-color-text-highlight-white: #fff; --ep-color-text-warning: #ef6e3e; --ep-color-text-weak: rgba(255, 255, 255, 0.8); --ep-color-text-inverse: #fff; --ep-color-text-inverse-disabled: rgba(255, 255, 255, 0.4); --ep-color-border-default: #292d36;
}
.green-dark .recharge-two-container .action-btn-wrapper[data-v-d3c273d1] { background: #22262e;
}
.recharge-two-container[data-v-d3c273d1] { display: flex; flex-direction: column; min-height: 100%; padding-top: 0.01px; background: var(--ep-color-background-fill-body-default, #131f42);
}
.recharge-two-container .space-m[data-v-d3c273d1] { margin: 0 0.75rem;
}
.recharge-two-container .loading-wrapper[data-v-d3c273d1] { display: flex; align-items: center; justify-content: center; min-height: 50vh;
}
.recharge-two-container .activity-rule-detail[data-v-d3c273d1] { order: 20; margin-top: 1.875rem;
}
.recharge-two-container .activity-rule-detail[data-v-d3c273d1] .ruleHeader { margin-bottom: 1.25rem;
}
.recharge-two-container .activity-rule-detail[data-v-d3c273d1] .ruleHeader .img { width: 1.9125rem; height: 0.625rem;
}
.recharge-two-container .activity-rule-detail[data-v-d3c273d1] .ruleHeader .img.right { transform: scaleX(-1);
}
.recharge-two-container .activity-rule-detail[data-v-d3c273d1] .item-wrap { padding: 1.125rem 0.375rem 1.125rem 0.9375rem; border-radius: var(--ep-border-radius-m, 0.375rem); background: var(--ep-color-background-fill-surface-lowered, #101b3c);
}
.recharge-two-container .activity-rule-detail[data-v-d3c273d1] .item-wrap .rule-item { color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.4)); font-size: var(--ep-font-size-s, 0.75rem); font-weight: var(--ep-font-weight-regular, 400); line-height: 1.5;
}
.recharge-two-container .action-btn-wrapper[data-v-d3c273d1] { padding: 1rem 1rem calc(0.75rem + env(safe-area-inset-bottom)); border-top: 0.0625rem solid var(--ep-color-border-default, #1e2d67); background: var(--ep-color-background-fill-surface-raised-L1, #18254e); position: fixed; bottom: 0; left: 0; right: 0; z-index: 10;
}
.recharge-two-container .action-btn-wrapper .action-btn[data-v-d3c273d1] { width: 100%; min-height: 2.9375rem; padding: 0.25rem; border-radius: var(--ep-border-radius-s, 0.25rem); border: none; font-size: var(--ep-font-size-m, 0.875rem); font-weight: var(--ep-font-weight-bold, 700); line-height: 1.5; cursor: pointer;
}
.recharge-two-container .action-btn-wrapper .action-btn-active[data-v-d3c273d1] { background: var(--ep-dynamic-primary); color: var(--ep-color-text-inverse, #fff);
}
.recharge-two-container .action-btn-wrapper .action-btn-disabled[data-v-d3c273d1] { background: var(--ep-color-background-fill-active-disabled); color: var(--ep-color-text-inverse-disabled, rgba(255, 255, 255, 0.4)); cursor: not-allowed;
}
.recharge-two-container .action-btn-wrapper-consecutive-days .action-btn[data-v-d3c273d1] { width: 100%; min-height: 2.9375rem; padding: 0.25rem; border-radius: var(--ep-border-radius-s, 0.25rem); border: none; font-size: var(--ep-font-size-m, 0.875rem); font-weight: var(--ep-font-weight-bold, 700); line-height: 1.5; cursor: pointer;
}
.recharge-two-container .action-btn-wrapper-consecutive-days .action-btn-active[data-v-d3c273d1] { background: var(--ep-dynamic-primary); color: var(--ep-color-text-inverse, #fff);
}
.recharge-two-container .action-btn-wrapper-consecutive-days .action-btn-disabled[data-v-d3c273d1] { background: var(--ep-color-background-fill-active-disabled); color: var(--ep-color-text-inverse-disabled, rgba(255, 255, 255, 0.4)); cursor: not-allowed;
}
.recharge-two-container .action-btn-active[data-v-d3c273d1] { position: relative; overflow: hidden;
}
.recharge-two-container .action-btn-active[data-v-d3c273d1]:before { content: ''; background: var(--color-text-100, #fff); display: inline-block; height: 100%; left: 0; position: absolute; top: -180px; width: 30px; z-index: 1; pointer-events: none; animation: rechargeTwoShiny-d3c273d1 4s ease-in-out infinite;
}
@keyframes rechargeTwoShiny-d3c273d1 {
0% { opacity: 0; transform: scale(0) rotate(45deg);
}
80% { opacity: 0.5; transform: scale(0) rotate(45deg);
}
81% { opacity: 1; transform: scale(4) rotate(45deg);
}
to { opacity: 0; transform: scale(50) rotate(45deg);
}
}

.recharge-two-container[data-v-d3c273d1] { padding-bottom: calc(6rem + env(safe-area-inset-bottom));
}

.green-dark .betting-activity-page[data-v-a955ba51] { min-height: 100vh; background: var(--ep-color-background-fill-body-default, #1a1d22); position: relative; padding-bottom: calc(6rem + env(safe-area-inset-bottom));
}
.green-dark .nav-header[data-v-a955ba51] { 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, 0.1); display: flex; align-items: center; justify-content: center;
}
.green-dark .nav-header .nav-back[data-v-a955ba51] { position: absolute; left: 0.875rem; top: 50%; transform: translateY(-50%); width: 1.25rem; height: 1.25rem;
}
.green-dark .nav-header .nav-back .back-icon[data-v-a955ba51] { display: block; width: 0.468rem; height: 0.847rem; border: 2px solid var(--ep-color-icon-default, #ffffff); border-right: none; border-top: none; transform: rotate(45deg); margin-left: 0.391rem; margin-top: 0.202rem;
}
.green-dark .nav-header .nav-title[data-v-a955ba51] { 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-a955ba51] { position: relative; width: 100%; height: 17rem; overflow: hidden; display: flex; align-items: center; justify-content: center;
}
.green-dark .hero-banner .hero-image[data-v-a955ba51] { width: 100%; height: auto; object-fit: cover; object-position: center 80%; transform: scale(1.03);
}
.green-dark .content-wrapper[data-v-a955ba51] { padding: 0 0.875rem 0.875rem;
}
.green-dark .bonus-table[data-v-a955ba51] { width: 100%; border: 1px solid var(--ep-color-border-default, #2c3e50); border-radius: var(--ep-border-radius-m, 0.375rem); overflow: hidden;
}
.green-dark .bonus-table .table-title[data-v-a955ba51] { background: var(--ep-color-background-fill-surface-lowered, #151a21); padding: 0.5625rem 1.375rem; text-align: center;
}
.green-dark .bonus-table .table-title span[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-m, var(--font-size-14, 0.875rem)); font-weight: 600; color: var(--ep-color-text-default, #ffffff); line-height: 1.5;
}
.green-dark .bonus-table .table-header[data-v-a955ba51] { display: flex; background: var(--ep-color-background-fill-surface-raised-L1, #242f42); padding: 0.5625rem 0;
}
.green-dark .bonus-table .table-header .col[data-v-a955ba51] { 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, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6)); line-height: 1.5;
}
.green-dark .bonus-table .table-row[data-v-a955ba51] { display: flex; height: 2.625rem; align-items: center;
}
.green-dark .bonus-table .table-row[data-v-a955ba51]:nth-child(odd) { background: var(--ep-color-background-fill-body-default, #1a1d22);
}
.green-dark .bonus-table .table-row[data-v-a955ba51]:nth-child(2n) { background: var(--ep-color-background-fill-surface-raised-L1, #242f42);
}
.green-dark .bonus-table .table-row .col[data-v-a955ba51] { 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, 0.75rem)); line-height: 1.5;
}
.green-dark .bonus-table .table-row .col-bets[data-v-a955ba51] { font-weight: 600; color: var(--ep-color-text-default, #ffffff);
}
.green-dark .bonus-table .table-row .col-bonus[data-v-a955ba51] { font-weight: 600; color: var(--ep-color-text-warning, #3e9b2f);
}
.green-dark .bonus-table .table-row .status-btn[data-v-a955ba51] { width: 5rem; padding: 0.125rem 0.5rem; border-radius: var(--ep-border-radius-s, 0.25rem); border: none; font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; line-height: 1.5; cursor: pointer; transition: all 0.3s ease;
}
.green-dark .bonus-table .table-row .status-btn.active[data-v-a955ba51] { 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-a955ba51]:hover { opacity: 0.9;
}
.green-dark .bonus-table .table-row .status-btn.disabled[data-v-a955ba51] { background: var(--ep-color-background-fill-active-disabled, #1a2e1a); color: var(--ep-color-text-inverse-disabled, rgba(255, 255, 255, 0.4)); cursor: not-allowed;
}
.green-dark .total-unreceived[data-v-a955ba51] { margin-top: 0.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, 0.375rem); padding: 0.5625rem 1.375rem; display: flex; align-items: center; justify-content: center; gap: 0.25rem;
}
.green-dark .total-unreceived .label[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-m, var(--font-size-14, 0.875rem)); font-weight: 400; color: var(--ep-color-text-default, #ffffff); line-height: 1.5;
}
.green-dark .total-unreceived .amount[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-m, var(--font-size-14, 0.875rem)); font-weight: 700; color: var(--ep-color-text-warning, #3e9b2f); line-height: 1.5;
}
.green-dark .activity-description[data-v-a955ba51] { padding: 0 0.875rem;
}
.green-dark .activity-description[data-v-a955ba51] .ruleHeader { margin: 1rem 0;
}
.green-dark .activity-description[data-v-a955ba51] .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-a955ba51] .item-wrap { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6)); line-height: 1.5; background: var(--ep-color-background-fill-surface-lowered, #151a21); border-radius: var(--ep-border-radius-m, 0.375rem); padding: 0.9375rem 1.0625rem;
}
.green-dark .activity-description[data-v-a955ba51] .item-wrap .rule-item { margin-bottom: 1rem;
}
.green-dark .activity-description .description-header[data-v-a955ba51] { display: flex; align-items: center; justify-content: center; gap: 0.375rem; margin: 1.375rem 0;
}
.green-dark .activity-description .description-header .decoration-icon[data-v-a955ba51] { display: flex; align-items: center; height: 1.0625rem;
}
.green-dark .activity-description .description-header .decoration-icon[data-v-a955ba51] svg { width: auto; height: 0.6875rem; vertical-align: middle;
}
.green-dark .activity-description .description-header .description-title[data-v-a955ba51] { 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-a955ba51] { background: var(--ep-color-background-fill-surface-lowered, #151a21); border-radius: var(--ep-border-radius-m, 0.375rem); padding: 1.5rem 0.9375rem;
}
.green-dark .activity-description .description-content .description-text[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6)); line-height: 1.5;
}
.green-dark .activity-description .description-content .description-text p[data-v-a955ba51] { margin-bottom: 1rem;
}
.green-dark .activity-description .description-content .description-text p[data-v-a955ba51]:last-child { margin-bottom: 0;
}
.green-dark .activity-description .description-content .rule-content[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6)); line-height: 1.5;
}
.green-dark .activity-description .description-content .rule-content .rule-text[data-v-a955ba51] { margin-bottom: 1rem;
}
.green-dark .activity-description .description-content .rule-content .rule-text[data-v-a955ba51]:last-child { margin-bottom: 0;
}
.green-dark .bottom-action[data-v-a955ba51] { position: fixed; bottom: 0; left: 0; right: 0; height: calc(5rem + env(safe-area-inset-bottom)); 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 0.75rem env(safe-area-inset-bottom);
}
.yellow-dark .betting-activity-page[data-v-a955ba51] { min-height: 100vh; background: var(--ep-color-background-fill-body-default, #1b1b19); position: relative; padding-bottom: calc(6rem + env(safe-area-inset-bottom));
}
.yellow-dark .nav-header[data-v-a955ba51] { 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, 0.1); display: flex; align-items: center; justify-content: center;
}
.yellow-dark .nav-header .nav-back[data-v-a955ba51] { position: absolute; left: 0.875rem; top: 50%; transform: translateY(-50%); width: 1.25rem; height: 1.25rem;
}
.yellow-dark .nav-header .nav-back .back-icon[data-v-a955ba51] { display: block; width: 0.468rem; height: 0.847rem; border: 2px solid var(--ep-color-icon-default, #feb805); border-right: none; border-top: none; transform: rotate(45deg); margin-left: 0.391rem; margin-top: 0.202rem;
}
.yellow-dark .nav-header .nav-title[data-v-a955ba51] { 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-a955ba51] { position: relative; width: 100%; height: 17rem; overflow: hidden; display: flex; align-items: center; justify-content: center;
}
.yellow-dark .hero-banner .hero-image[data-v-a955ba51] { width: 100%; height: auto; object-fit: cover; object-position: center 80%; transform: scale(1.03);
}
.yellow-dark .content-wrapper[data-v-a955ba51] { padding: 0 0.875rem 0.875rem;
}
.yellow-dark .bonus-table[data-v-a955ba51] { width: 100%; border: 1px solid var(--ep-color-border-default, #3d3d3a); border-radius: var(--ep-border-radius-m, 0.375rem); overflow: hidden;
}
.yellow-dark .bonus-table .table-title[data-v-a955ba51] { background: var(--ep-color-background-fill-surface-lowered, #161614); padding: 0.5625rem 1.375rem; text-align: center;
}
.yellow-dark .bonus-table .table-title span[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-m, var(--font-size-14, 0.875rem)); font-weight: 600; color: var(--ep-color-text-default, #ffffff); line-height: 1.5;
}
.yellow-dark .bonus-table .table-header[data-v-a955ba51] { display: flex; background: var(--ep-color-background-fill-surface-raised-L1, #262624); padding: 0.5625rem 0;
}
.yellow-dark .bonus-table .table-header .col[data-v-a955ba51] { 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, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6)); line-height: 1.5;
}
.yellow-dark .bonus-table .table-row[data-v-a955ba51] { display: flex; height: 2.625rem; align-items: center;
}
.yellow-dark .bonus-table .table-row[data-v-a955ba51]:nth-child(odd) { background: var(--ep-color-background-fill-body-default, #1b1b19);
}
.yellow-dark .bonus-table .table-row[data-v-a955ba51]:nth-child(2n) { background: var(--ep-color-background-fill-surface-raised-L1, #262624);
}
.yellow-dark .bonus-table .table-row .col[data-v-a955ba51] { 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, 0.75rem)); line-height: 1.5;
}
.yellow-dark .bonus-table .table-row .col-bets[data-v-a955ba51] { font-weight: 600; color: var(--ep-color-text-default, #ffffff);
}
.yellow-dark .bonus-table .table-row .col-bonus[data-v-a955ba51] { font-weight: 600; color: var(--ep-color-text-warning, #feb805);
}
.yellow-dark .bonus-table .table-row .status-btn[data-v-a955ba51] { width: 5rem; padding: 0.125rem 0.5rem; border-radius: var(--ep-border-radius-s, 0.25rem); border: none; font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; line-height: 1.5; cursor: pointer; transition: all 0.3s ease;
}
.yellow-dark .bonus-table .table-row .status-btn.active[data-v-a955ba51] { background: #feb805; color: var(--ep-color-text-inverse, #2d2d2d);
}
.yellow-dark .bonus-table .table-row .status-btn.active[data-v-a955ba51]:hover { opacity: 0.9;
}
.yellow-dark .bonus-table .table-row .status-btn.disabled[data-v-a955ba51] { background: #e0c57e; color: var(--ep-color-text-inverse-disabled, rgba(45, 45, 45, 0.6)); cursor: not-allowed;
}
.yellow-dark .total-unreceived[data-v-a955ba51] { margin-top: 0.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, 0.375rem); padding: 0.5625rem 1.375rem; display: flex; align-items: center; justify-content: center; gap: 0.25rem;
}
.yellow-dark .total-unreceived .label[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-m, var(--font-size-14, 0.875rem)); font-weight: 400; color: var(--ep-color-text-default, #ffffff); line-height: 1.5;
}
.yellow-dark .total-unreceived .amount[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-m, var(--font-size-14, 0.875rem)); font-weight: 700; color: var(--ep-color-text-warning, #feb805); line-height: 1.5;
}
.yellow-dark .activity-description[data-v-a955ba51] { padding: 0 0.875rem;
}
.yellow-dark .activity-description[data-v-a955ba51] .ruleHeader { margin: 1rem 0;
}
.yellow-dark .activity-description[data-v-a955ba51] .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-a955ba51] .item-wrap { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6)); line-height: 1.5; background: var(--ep-color-background-fill-surface-lowered, #161614); border-radius: var(--ep-border-radius-m, 0.375rem); padding: 0.9375rem 1.0625rem;
}
.yellow-dark .activity-description[data-v-a955ba51] .item-wrap .rule-item { margin-bottom: 1rem;
}
.yellow-dark .activity-description .description-header[data-v-a955ba51] { display: flex; align-items: center; justify-content: center; gap: 0.375rem; margin: 1.375rem 0;
}
.yellow-dark .activity-description .description-header .decoration-icon[data-v-a955ba51] { display: flex; align-items: center; height: 1.0625rem;
}
.yellow-dark .activity-description .description-header .decoration-icon[data-v-a955ba51] svg { width: auto; height: 0.6875rem; vertical-align: middle;
}
.yellow-dark .activity-description .description-header .description-title[data-v-a955ba51] { 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-a955ba51] { background: var(--ep-color-background-fill-surface-lowered, #161614); border-radius: var(--ep-border-radius-m, 0.375rem); padding: 1.5rem 0.9375rem;
}
.yellow-dark .activity-description .description-content .description-text[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6)); line-height: 1.5;
}
.yellow-dark .activity-description .description-content .description-text p[data-v-a955ba51] { margin-bottom: 1rem;
}
.yellow-dark .activity-description .description-content .description-text p[data-v-a955ba51]:last-child { margin-bottom: 0;
}
.yellow-dark .activity-description .description-content .rule-content[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6)); line-height: 1.5;
}
.yellow-dark .activity-description .description-content .rule-content .rule-text[data-v-a955ba51] { margin-bottom: 1rem;
}
.yellow-dark .activity-description .description-content .rule-content .rule-text[data-v-a955ba51]:last-child { margin-bottom: 0;
}
.yellow-dark .bottom-action[data-v-a955ba51] { position: fixed; bottom: 0; left: 0; right: 0; height: calc(5rem + env(safe-area-inset-bottom)); 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 0.75rem env(safe-area-inset-bottom);
}
.purple-light .betting-activity-page[data-v-a955ba51] { min-height: 100vh; background: var(--ep-color-background-fill-body-default, #ece2fe); position: relative; padding-bottom: calc(6rem + env(safe-area-inset-bottom));
}
.purple-light .nav-header[data-v-a955ba51] { 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, 0.1); display: flex; align-items: center; justify-content: center;
}
.purple-light .nav-header .nav-back[data-v-a955ba51] { position: absolute; left: 0.875rem; top: 50%; transform: translateY(-50%); width: 1.25rem; height: 1.25rem;
}
.purple-light .nav-header .nav-back .back-icon[data-v-a955ba51] { display: block; width: 0.468rem; height: 0.847rem; border: 2px solid var(--ep-color-icon-default, #6526db); border-right: none; border-top: none; transform: rotate(45deg); margin-left: 0.391rem; margin-top: 0.202rem;
}
.purple-light .nav-header .nav-title[data-v-a955ba51] { 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, 0.8)); line-height: 1.5;
}
.purple-light .hero-banner[data-v-a955ba51] { position: relative; width: 100%; height: 17rem; overflow: hidden; display: flex; align-items: center; justify-content: center;
}
.purple-light .hero-banner .hero-image[data-v-a955ba51] { width: 100%; height: auto; object-fit: cover; object-position: center 80%; transform: scale(1.03);
}
.purple-light .content-wrapper[data-v-a955ba51] { padding: 0 0.875rem 0.875rem;
}
.purple-light .bonus-table[data-v-a955ba51] { width: 100%; border: 1px solid var(--ep-color-border-default, #cab4fd); border-radius: var(--ep-border-radius-m, 0.375rem); overflow: hidden;
}
.purple-light .bonus-table .table-title[data-v-a955ba51] { background: var(--ep-color-background-fill-surface-lowered, #e6dafd); padding: 0.5625rem 1.375rem; text-align: center;
}
.purple-light .bonus-table .table-title span[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-m, var(--font-size-14, 0.875rem)); font-weight: 600; color: var(--ep-color-text-default, rgba(0, 0, 0, 0.8)); line-height: 1.5;
}
.purple-light .bonus-table .table-header[data-v-a955ba51] { display: flex; background: var(--ep-color-background-fill-surface-raised-L1, #d8c9fd); padding: 0.5625rem 0;
}
.purple-light .bonus-table .table-header .col[data-v-a955ba51] { 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, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(0, 0, 0, 0.5)); line-height: 1.5;
}
.purple-light .bonus-table .table-row[data-v-a955ba51] { display: flex; height: 2.625rem; align-items: center;
}
.purple-light .bonus-table .table-row[data-v-a955ba51]:nth-child(odd) { background: var(--ep-color-background-fill-body-default, #ece2fe);
}
.purple-light .bonus-table .table-row[data-v-a955ba51]:nth-child(2n) { background: var(--ep-color-background-fill-surface-raised-L1, #d8c9fd);
}
.purple-light .bonus-table .table-row .col[data-v-a955ba51] { 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, 0.75rem)); line-height: 1.5;
}
.purple-light .bonus-table .table-row .col-bets[data-v-a955ba51] { font-weight: 600; color: var(--ep-color-text-default, rgba(0, 0, 0, 0.8));
}
.purple-light .bonus-table .table-row .col-bonus[data-v-a955ba51] { font-weight: 600; color: var(--ep-color-text-warning, #6526db);
}
.purple-light .bonus-table .table-row .status-btn[data-v-a955ba51] { width: 5rem; padding: 0.125rem 0.5rem; border-radius: var(--ep-border-radius-s, 0.25rem); border: none; font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; line-height: 1.5; cursor: pointer; transition: all 0.3s ease;
}
.purple-light .bonus-table .table-row .status-btn.active[data-v-a955ba51] { background: #6526db; color: var(--ep-color-text-inverse, #ffffff);
}
.purple-light .bonus-table .table-row .status-btn.active[data-v-a955ba51]:hover { opacity: 0.9;
}
.purple-light .bonus-table .table-row .status-btn.disabled[data-v-a955ba51] { background: #cab4fd; color: var(--ep-color-text-inverse-disabled, rgba(255, 255, 255, 0.4)); cursor: not-allowed;
}
.purple-light .total-unreceived[data-v-a955ba51] { margin-top: 0.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, 0.375rem); padding: 0.5625rem 1.375rem; display: flex; align-items: center; justify-content: center; gap: 0.25rem;
}
.purple-light .total-unreceived .label[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-m, var(--font-size-14, 0.875rem)); font-weight: 400; color: var(--ep-color-text-default, rgba(0, 0, 0, 0.8)); line-height: 1.5;
}
.purple-light .total-unreceived .amount[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-m, var(--font-size-14, 0.875rem)); font-weight: 700; color: var(--ep-color-text-warning, #6526db); line-height: 1.5;
}
.purple-light .activity-description[data-v-a955ba51] { padding: 0 0.875rem;
}
.purple-light .activity-description[data-v-a955ba51] .ruleHeader { margin: 1rem 0;
}
.purple-light .activity-description[data-v-a955ba51] .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, 0.8));
}
.purple-light .activity-description[data-v-a955ba51] .item-wrap { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(0, 0, 0, 0.5)); line-height: 1.5; background: var(--ep-color-background-fill-surface-lowered, #e6dafd); border-radius: var(--ep-border-radius-m, 0.375rem); padding: 0.9375rem 1.0625rem;
}
.purple-light .activity-description[data-v-a955ba51] .item-wrap .rule-item { margin-bottom: 1rem;
}
.purple-light .activity-description .description-header[data-v-a955ba51] { display: flex; align-items: center; justify-content: center; gap: 0.375rem; margin: 1.375rem 0;
}
.purple-light .activity-description .description-header .decoration-icon[data-v-a955ba51] { display: flex; align-items: center; height: 1.0625rem;
}
.purple-light .activity-description .description-header .decoration-icon[data-v-a955ba51] svg { width: auto; height: 0.6875rem; vertical-align: middle;
}
.purple-light .activity-description .description-header .description-title[data-v-a955ba51] { 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, 0.8)); line-height: 1.5; margin: 0; display: flex; align-items: center;
}
.purple-light .activity-description .description-content[data-v-a955ba51] { background: var(--ep-color-background-fill-surface-lowered, #e6dafd); border-radius: var(--ep-border-radius-m, 0.375rem); padding: 1.5rem 0.9375rem;
}
.purple-light .activity-description .description-content .description-text[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(0, 0, 0, 0.5)); line-height: 1.5;
}
.purple-light .activity-description .description-content .description-text p[data-v-a955ba51] { margin-bottom: 1rem;
}
.purple-light .activity-description .description-content .description-text p[data-v-a955ba51]:last-child { margin-bottom: 0;
}
.purple-light .activity-description .description-content .rule-content[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(0, 0, 0, 0.5)); line-height: 1.5;
}
.purple-light .activity-description .description-content .rule-content .rule-text[data-v-a955ba51] { margin-bottom: 1rem;
}
.purple-light .activity-description .description-content .rule-content .rule-text[data-v-a955ba51]:last-child { margin-bottom: 0;
}
.purple-light .bottom-action[data-v-a955ba51] { position: fixed; bottom: 0; left: 0; right: 0; height: calc(5rem + env(safe-area-inset-bottom)); 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 0.75rem env(safe-area-inset-bottom);
}
.amber-purple .betting-activity-page[data-v-a955ba51] { min-height: 100vh; background: var(--ep-color-background-fill-body-default, #262346); position: relative; padding-bottom: calc(6rem + env(safe-area-inset-bottom));
}
.amber-purple .nav-header[data-v-a955ba51] { 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, 0.1); display: flex; align-items: center; justify-content: center;
}
.amber-purple .nav-header .nav-back[data-v-a955ba51] { position: absolute; left: 0.875rem; top: 50%; transform: translateY(-50%); width: 1.25rem; height: 1.25rem;
}
.amber-purple .nav-header .nav-back .back-icon[data-v-a955ba51] { display: block; width: 0.468rem; height: 0.847rem; border: 2px solid var(--ep-color-icon-default, #f5c84c); border-right: none; border-top: none; transform: rotate(45deg); margin-left: 0.391rem; margin-top: 0.202rem;
}
.amber-purple .nav-header .nav-title[data-v-a955ba51] { 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-a955ba51] { position: relative; width: 100%; height: 17rem; overflow: hidden; display: flex; align-items: center; justify-content: center;
}
.amber-purple .hero-banner .hero-image[data-v-a955ba51] { width: 100%; height: auto; object-fit: cover; object-position: center 80%; transform: scale(1.03);
}
.amber-purple .content-wrapper[data-v-a955ba51] { padding: 0 0.875rem 0.875rem;
}
.amber-purple .bonus-table[data-v-a955ba51] { width: 100%; border: 1px solid var(--ep-color-border-default, #3b3466); border-radius: var(--ep-border-radius-m, 0.375rem); overflow: hidden;
}
.amber-purple .bonus-table .table-title[data-v-a955ba51] { background: var(--ep-color-background-fill-surface-lowered, #1f1e3e); padding: 0.5625rem 1.375rem; text-align: center;
}
.amber-purple .bonus-table .table-title span[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-m, var(--font-size-14, 0.875rem)); font-weight: 600; color: var(--ep-color-text-default, #ffffff); line-height: 1.5;
}
.amber-purple .bonus-table .table-header[data-v-a955ba51] { display: flex; background: var(--ep-color-background-fill-surface-raised-L1, #292547); padding: 0.5625rem 0;
}
.amber-purple .bonus-table .table-header .col[data-v-a955ba51] { 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, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, #686299); line-height: 1.5;
}
.amber-purple .bonus-table .table-row[data-v-a955ba51] { display: flex; height: 2.625rem; align-items: center;
}
.amber-purple .bonus-table .table-row[data-v-a955ba51]:nth-child(odd) { background: var(--ep-color-background-fill-body-default, #262346);
}
.amber-purple .bonus-table .table-row[data-v-a955ba51]:nth-child(2n) { background: var(--ep-color-background-fill-surface-raised-L1, #292547);
}
.amber-purple .bonus-table .table-row .col[data-v-a955ba51] { 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, 0.75rem)); line-height: 1.5;
}
.amber-purple .bonus-table .table-row .col-bets[data-v-a955ba51] { font-weight: 600; color: var(--ep-color-text-default, #ffffff);
}
.amber-purple .bonus-table .table-row .col-bonus[data-v-a955ba51] { font-weight: 600; color: var(--ep-color-text-warning, #f5c84c);
}
.amber-purple .bonus-table .table-row .status-btn[data-v-a955ba51] { width: 5rem; padding: 0.125rem 0.5rem; border-radius: var(--ep-border-radius-s, 0.25rem); border: none; font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; line-height: 1.5; cursor: pointer; transition: all 0.3s ease;
}
.amber-purple .bonus-table .table-row .status-btn.active[data-v-a955ba51] { 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-a955ba51]:hover { opacity: 0.9;
}
.amber-purple .bonus-table .table-row .status-btn.disabled[data-v-a955ba51] { 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-a955ba51] { margin-top: 0.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, 0.375rem); padding: 0.5625rem 1.375rem; display: flex; align-items: center; justify-content: center; gap: 0.25rem;
}
.amber-purple .total-unreceived .label[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-m, var(--font-size-14, 0.875rem)); font-weight: 400; color: var(--ep-color-text-default, #ffffff); line-height: 1.5;
}
.amber-purple .total-unreceived .amount[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-m, var(--font-size-14, 0.875rem)); font-weight: 700; color: var(--ep-color-text-warning, #f5c84c); line-height: 1.5;
}
.amber-purple .activity-description[data-v-a955ba51] { padding: 0 0.875rem;
}
.amber-purple .activity-description[data-v-a955ba51] .ruleHeader { margin: 1rem 0;
}
.amber-purple .activity-description[data-v-a955ba51] .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-a955ba51] .item-wrap { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.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, 0.375rem); padding: 0.9375rem 1.0625rem;
}
.amber-purple .activity-description[data-v-a955ba51] .item-wrap .rule-item { margin-bottom: 1rem;
}
.amber-purple .activity-description .description-header[data-v-a955ba51] { display: flex; align-items: center; justify-content: center; gap: 0.375rem; margin: 1.375rem 0;
}
.amber-purple .activity-description .description-header .decoration-icon[data-v-a955ba51] { display: flex; align-items: center; height: 1.0625rem;
}
.amber-purple .activity-description .description-header .decoration-icon[data-v-a955ba51] svg { width: auto; height: 0.6875rem; vertical-align: middle;
}
.amber-purple .activity-description .description-header .description-title[data-v-a955ba51] { 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-a955ba51] { background: var(--ep-color-background-fill-surface-lowered, #1f1e3e); border-radius: var(--ep-border-radius-m, 0.375rem); padding: 1.5rem 0.9375rem;
}
.amber-purple .activity-description .description-content .description-text[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.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-a955ba51] { margin-bottom: 1rem;
}
.amber-purple .activity-description .description-content .description-text p[data-v-a955ba51]:last-child { margin-bottom: 0;
}
.amber-purple .activity-description .description-content .rule-content[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.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-a955ba51] { margin-bottom: 1rem;
}
.amber-purple .activity-description .description-content .rule-content .rule-text[data-v-a955ba51]:last-child { margin-bottom: 0;
}
.amber-purple .bottom-action[data-v-a955ba51] { position: fixed; bottom: 0; left: 0; right: 0; height: calc(5rem + env(safe-area-inset-bottom)); 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 0.75rem env(safe-area-inset-bottom);
}
.blue-default .betting-activity-page[data-v-a955ba51] { min-height: 100vh; background: var(--ep-color-background-fill-body-default, #090f1f); position: relative; padding-bottom: calc(6rem + env(safe-area-inset-bottom));
}
.blue-default .nav-header[data-v-a955ba51] { 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, 0.1); display: flex; align-items: center; justify-content: center;
}
.blue-default .nav-header .nav-back[data-v-a955ba51] { position: absolute; left: 0.875rem; top: 50%; transform: translateY(-50%); width: 1.25rem; height: 1.25rem;
}
.blue-default .nav-header .nav-back .back-icon[data-v-a955ba51] { display: block; width: 0.468rem; height: 0.847rem; border: 2px solid var(--ep-color-icon-default, #ffffff); border-right: none; border-top: none; transform: rotate(45deg); margin-left: 0.391rem; margin-top: 0.202rem;
}
.blue-default .nav-header .nav-title[data-v-a955ba51] { 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-a955ba51] { position: relative; width: 100%; height: 17rem; overflow: hidden; display: flex; align-items: center; justify-content: center;
}
.blue-default .hero-banner .hero-image[data-v-a955ba51] { width: 100%; height: auto; object-fit: cover; object-position: center 80%; transform: scale(1.03);
}
.blue-default .content-wrapper[data-v-a955ba51] { padding: 0 0.875rem 0.875rem;
}
.blue-default .bonus-table[data-v-a955ba51] { width: 100%; border: 1px solid var(--ep-color-border-default, #1e2d67); border-radius: var(--ep-border-radius-m, 0.375rem); overflow: hidden;
}
.blue-default .bonus-table .table-title[data-v-a955ba51] { background: var(--ep-color-background-fill-surface-lowered, #070c18); padding: 0.5625rem 1.375rem; text-align: center;
}
.blue-default .bonus-table .table-title span[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-m, var(--font-size-14, 0.875rem)); font-weight: 600; color: var(--ep-color-text-default, #ffffff); line-height: 1.5;
}
.blue-default .bonus-table .table-header[data-v-a955ba51] { display: flex; background: var(--ep-color-background-fill-surface-raised-L1, #0f1729); padding: 0.5625rem 0;
}
.blue-default .bonus-table .table-header .col[data-v-a955ba51] { 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, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6)); line-height: 1.5;
}
.blue-default .bonus-table .table-row[data-v-a955ba51] { display: flex; height: 2.625rem; align-items: center;
}
.blue-default .bonus-table .table-row[data-v-a955ba51]:nth-child(odd) { background: var(--ep-color-background-fill-body-default, #090f1f);
}
.blue-default .bonus-table .table-row[data-v-a955ba51]:nth-child(2n) { background: var(--ep-color-background-fill-surface-raised-L1, #0f1729);
}
.blue-default .bonus-table .table-row .col[data-v-a955ba51] { 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, 0.75rem)); line-height: 1.5;
}
.blue-default .bonus-table .table-row .col-bets[data-v-a955ba51] { font-weight: 600; color: var(--ep-color-text-default, #ffffff);
}
.blue-default .bonus-table .table-row .col-bonus[data-v-a955ba51] { font-weight: 600; color: var(--ep-color-text-warning, #fc974c);
}
.blue-default .bonus-table .table-row .status-btn[data-v-a955ba51] { width: 5rem; padding: 0.125rem 0.5rem; border-radius: var(--ep-border-radius-s, 0.25rem); border: none; font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; line-height: 1.5; cursor: pointer; transition: all 0.3s ease;
}
.blue-default .bonus-table .table-row .status-btn.active[data-v-a955ba51] { 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-a955ba51]:hover { opacity: 0.9;
}
.blue-default .bonus-table .table-row .status-btn.disabled[data-v-a955ba51] { background: var(--ep-color-background-fill-active-disabled, #183b5f); color: var(--ep-color-text-inverse-disabled, rgba(255, 255, 255, 0.4)); cursor: not-allowed;
}
.blue-default .total-unreceived[data-v-a955ba51] { margin-top: 0.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, 0.375rem); padding: 0.5625rem 1.375rem; display: flex; align-items: center; justify-content: center; gap: 0.25rem;
}
.blue-default .total-unreceived .label[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-m, var(--font-size-14, 0.875rem)); font-weight: 400; color: var(--ep-color-text-default, #ffffff); line-height: 1.5;
}
.blue-default .total-unreceived .amount[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-m, var(--font-size-14, 0.875rem)); font-weight: 700; color: var(--ep-color-text-warning, #fc974c); line-height: 1.5;
}
.blue-default .activity-description[data-v-a955ba51] { padding: 0 0.875rem;
}
.blue-default .activity-description[data-v-a955ba51] .ruleHeader { margin: 1rem 0;
}
.blue-default .activity-description[data-v-a955ba51] .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-a955ba51] .item-wrap { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6)); line-height: 1.5; background: var(--ep-color-background-fill-surface-lowered, #070c18); border-radius: var(--ep-border-radius-m, 0.375rem); padding: 0.9375rem 1.0625rem;
}
.blue-default .activity-description[data-v-a955ba51] .item-wrap .rule-item { margin-bottom: 1rem;
}
.blue-default .activity-description .description-header[data-v-a955ba51] { display: flex; align-items: center; justify-content: center; gap: 0.375rem; margin: 1.375rem 0;
}
.blue-default .activity-description .description-header .decoration-icon[data-v-a955ba51] { display: flex; align-items: center; height: 1.0625rem;
}
.blue-default .activity-description .description-header .decoration-icon[data-v-a955ba51] svg { width: auto; height: 0.6875rem; vertical-align: middle;
}
.blue-default .activity-description .description-header .description-title[data-v-a955ba51] { 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-a955ba51] { background: var(--ep-color-background-fill-surface-lowered, #070c18); border-radius: var(--ep-border-radius-m, 0.375rem); padding: 1.5rem 0.9375rem;
}
.blue-default .activity-description .description-content .description-text[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6)); line-height: 1.5;
}
.blue-default .activity-description .description-content .description-text p[data-v-a955ba51] { margin-bottom: 1rem;
}
.blue-default .activity-description .description-content .description-text p[data-v-a955ba51]:last-child { margin-bottom: 0;
}
.blue-default .activity-description .description-content .rule-content[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6)); line-height: 1.5;
}
.blue-default .activity-description .description-content .rule-content .rule-text[data-v-a955ba51] { margin-bottom: 1rem;
}
.blue-default .activity-description .description-content .rule-content .rule-text[data-v-a955ba51]:last-child { margin-bottom: 0;
}
.blue-default .bottom-action[data-v-a955ba51] { position: fixed; bottom: 0; left: 0; right: 0; height: calc(5rem + env(safe-area-inset-bottom)); 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 0.75rem env(safe-area-inset-bottom);
}
.green-default .betting-activity-page[data-v-a955ba51], .forest-green .betting-activity-page[data-v-a955ba51] { min-height: 100vh; background: var(--ep-color-background-fill-body-default, #004d37); position: relative; padding-bottom: calc(6rem + env(safe-area-inset-bottom));
}
.green-default .nav-header[data-v-a955ba51], .forest-green .nav-header[data-v-a955ba51] { 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, 0.1); display: flex; align-items: center; justify-content: center;
}
.green-default .nav-header .nav-back[data-v-a955ba51], .forest-green .nav-header .nav-back[data-v-a955ba51] { position: absolute; left: 0.875rem; top: 50%; transform: translateY(-50%); width: 1.25rem; height: 1.25rem;
}
.green-default .nav-header .nav-back .back-icon[data-v-a955ba51], .forest-green .nav-header .nav-back .back-icon[data-v-a955ba51] { display: block; width: 0.468rem; height: 0.847rem; border: 2px solid var(--ep-color-icon-default, #ffffff); border-right: none; border-top: none; transform: rotate(45deg); margin-left: 0.391rem; margin-top: 0.202rem;
}
.green-default .nav-header .nav-title[data-v-a955ba51], .forest-green .nav-header .nav-title[data-v-a955ba51] { 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-a955ba51], .forest-green .hero-banner[data-v-a955ba51] { position: relative; width: 100%; height: 17rem; overflow: hidden; display: flex; align-items: center; justify-content: center;
}
.green-default .hero-banner .hero-image[data-v-a955ba51], .forest-green .hero-banner .hero-image[data-v-a955ba51] { width: 100%; height: auto; object-fit: cover; object-position: center 80%; transform: scale(1.03);
}
.green-default .content-wrapper[data-v-a955ba51], .forest-green .content-wrapper[data-v-a955ba51] { padding: 0 0.875rem 0.875rem;
}
.green-default .bonus-table[data-v-a955ba51], .forest-green .bonus-table[data-v-a955ba51] { width: 100%; border: 1px solid var(--ep-color-border-default, #17b663); border-radius: var(--ep-border-radius-m, 0.375rem); overflow: hidden;
}
.green-default .bonus-table .table-title[data-v-a955ba51], .forest-green .bonus-table .table-title[data-v-a955ba51] { background: var(--ep-color-background-fill-surface-lowered, #003d2a); padding: 0.5625rem 1.375rem; text-align: center;
}
.green-default .bonus-table .table-title span[data-v-a955ba51], .forest-green .bonus-table .table-title span[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-m, var(--font-size-14, 0.875rem)); font-weight: 600; color: var(--ep-color-text-default, #ffffff); line-height: 1.5;
}
.green-default .bonus-table .table-header[data-v-a955ba51], .forest-green .bonus-table .table-header[data-v-a955ba51] { display: flex; background: var(--ep-color-background-fill-surface-raised-L1, #006b4a); padding: 0.5625rem 0;
}
.green-default .bonus-table .table-header .col[data-v-a955ba51], .forest-green .bonus-table .table-header .col[data-v-a955ba51] { 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, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6)); line-height: 1.5;
}
.green-default .bonus-table .table-row[data-v-a955ba51], .forest-green .bonus-table .table-row[data-v-a955ba51] { display: flex; height: 2.625rem; align-items: center;
}
.green-default .bonus-table .table-row[data-v-a955ba51]:nth-child(odd), .forest-green .bonus-table .table-row[data-v-a955ba51]:nth-child(odd) { background: var(--ep-color-background-fill-body-default, #004d37);
}
.green-default .bonus-table .table-row[data-v-a955ba51]:nth-child(2n), .forest-green .bonus-table .table-row[data-v-a955ba51]:nth-child(2n) { background: var(--ep-color-background-fill-surface-raised-L1, #006b4a);
}
.green-default .bonus-table .table-row .col[data-v-a955ba51], .forest-green .bonus-table .table-row .col[data-v-a955ba51] { 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, 0.75rem)); line-height: 1.5;
}
.green-default .bonus-table .table-row .col-bets[data-v-a955ba51], .forest-green .bonus-table .table-row .col-bets[data-v-a955ba51] { font-weight: 600; color: var(--ep-color-text-default, #ffffff);
}
.green-default .bonus-table .table-row .col-bonus[data-v-a955ba51], .forest-green .bonus-table .table-row .col-bonus[data-v-a955ba51] { font-weight: 600; color: var(--ep-color-text-warning, #17b663);
}
.green-default .bonus-table .table-row .status-btn[data-v-a955ba51], .forest-green .bonus-table .table-row .status-btn[data-v-a955ba51] { width: 5rem; padding: 0.125rem 0.5rem; border-radius: var(--ep-border-radius-s, 0.25rem); border: none; font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; line-height: 1.5; cursor: pointer; transition: all 0.3s ease;
}
.green-default .bonus-table .table-row .status-btn.active[data-v-a955ba51], .forest-green .bonus-table .table-row .status-btn.active[data-v-a955ba51] { 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-a955ba51]:hover, .forest-green .bonus-table .table-row .status-btn.active[data-v-a955ba51]:hover { opacity: 0.9;
}
.green-default .bonus-table .table-row .status-btn.disabled[data-v-a955ba51], .forest-green .bonus-table .table-row .status-btn.disabled[data-v-a955ba51] { background: var(--ep-color-background-fill-active-disabled, #003d2a); color: var(--ep-color-text-inverse-disabled, rgba(255, 255, 255, 0.4)); cursor: not-allowed;
}
.green-default .total-unreceived[data-v-a955ba51], .forest-green .total-unreceived[data-v-a955ba51] { margin-top: 0.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, 0.375rem); padding: 0.5625rem 1.375rem; display: flex; align-items: center; justify-content: center; gap: 0.25rem;
}
.green-default .total-unreceived .label[data-v-a955ba51], .forest-green .total-unreceived .label[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-m, var(--font-size-14, 0.875rem)); font-weight: 400; color: var(--ep-color-text-default, #ffffff); line-height: 1.5;
}
.green-default .total-unreceived .amount[data-v-a955ba51], .forest-green .total-unreceived .amount[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-m, var(--font-size-14, 0.875rem)); font-weight: 700; color: var(--ep-color-text-warning, #17b663); line-height: 1.5;
}
.green-default .activity-description[data-v-a955ba51], .forest-green .activity-description[data-v-a955ba51] { padding: 0 0.875rem;
}
.green-default .activity-description[data-v-a955ba51] .ruleHeader, .forest-green .activity-description[data-v-a955ba51] .ruleHeader { margin: 1rem 0;
}
.green-default .activity-description[data-v-a955ba51] .ruleHeader .span-cls, .forest-green .activity-description[data-v-a955ba51] .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-a955ba51] .item-wrap, .forest-green .activity-description[data-v-a955ba51] .item-wrap { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6)); line-height: 1.5; background: var(--ep-color-background-fill-surface-lowered, #003d2a); border-radius: var(--ep-border-radius-m, 0.375rem); padding: 0.9375rem 1.0625rem;
}
.green-default .activity-description[data-v-a955ba51] .item-wrap .rule-item, .forest-green .activity-description[data-v-a955ba51] .item-wrap .rule-item { margin-bottom: 1rem;
}
.green-default .activity-description .description-header[data-v-a955ba51], .forest-green .activity-description .description-header[data-v-a955ba51] { display: flex; align-items: center; justify-content: center; gap: 0.375rem; margin: 1.375rem 0;
}
.green-default .activity-description .description-header .decoration-icon[data-v-a955ba51], .forest-green .activity-description .description-header .decoration-icon[data-v-a955ba51] { display: flex; align-items: center; height: 1.0625rem;
}
.green-default .activity-description .description-header .decoration-icon[data-v-a955ba51] svg, .forest-green .activity-description .description-header .decoration-icon[data-v-a955ba51] svg { width: auto; height: 0.6875rem; vertical-align: middle;
}
.green-default .activity-description .description-header .description-title[data-v-a955ba51], .forest-green .activity-description .description-header .description-title[data-v-a955ba51] { 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-a955ba51], .forest-green .activity-description .description-content[data-v-a955ba51] { background: var(--ep-color-background-fill-surface-lowered, #003d2a); border-radius: var(--ep-border-radius-m, 0.375rem); padding: 1.5rem 0.9375rem;
}
.green-default .activity-description .description-content .description-text[data-v-a955ba51], .forest-green .activity-description .description-content .description-text[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6)); line-height: 1.5;
}
.green-default .activity-description .description-content .description-text p[data-v-a955ba51], .forest-green .activity-description .description-content .description-text p[data-v-a955ba51] { margin-bottom: 1rem;
}
.green-default .activity-description .description-content .description-text p[data-v-a955ba51]:last-child, .forest-green .activity-description .description-content .description-text p[data-v-a955ba51]:last-child { margin-bottom: 0;
}
.green-default .activity-description .description-content .rule-content[data-v-a955ba51], .forest-green .activity-description .description-content .rule-content[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6)); line-height: 1.5;
}
.green-default .activity-description .description-content .rule-content .rule-text[data-v-a955ba51], .forest-green .activity-description .description-content .rule-content .rule-text[data-v-a955ba51] { margin-bottom: 1rem;
}
.green-default .activity-description .description-content .rule-content .rule-text[data-v-a955ba51]:last-child, .forest-green .activity-description .description-content .rule-content .rule-text[data-v-a955ba51]:last-child { margin-bottom: 0;
}
.green-default .bottom-action[data-v-a955ba51], .forest-green .bottom-action[data-v-a955ba51] { position: fixed; bottom: 0; left: 0; right: 0; height: calc(5rem + env(safe-area-inset-bottom)); 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 0.75rem env(safe-area-inset-bottom);
}
.auroral-yellow .betting-activity-page[data-v-a955ba51] { min-height: 100vh; background: var(--ep-color-background-fill-body-default, #191919); position: relative; padding-bottom: calc(6rem + env(safe-area-inset-bottom));
}
.auroral-yellow .nav-header[data-v-a955ba51] { 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, 0.1); display: flex; align-items: center; justify-content: center;
}
.auroral-yellow .nav-header .nav-back[data-v-a955ba51] { position: absolute; left: 0.875rem; top: 50%; transform: translateY(-50%); width: 1.25rem; height: 1.25rem;
}
.auroral-yellow .nav-header .nav-back .back-icon[data-v-a955ba51] { display: block; width: 0.468rem; height: 0.847rem; border: 2px solid var(--ep-color-icon-default, #f7fb43); border-right: none; border-top: none; transform: rotate(45deg); margin-left: 0.391rem; margin-top: 0.202rem;
}
.auroral-yellow .nav-header .nav-title[data-v-a955ba51] { 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-a955ba51] { position: relative; width: 100%; height: 17rem; overflow: hidden; display: flex; align-items: center; justify-content: center;
}
.auroral-yellow .hero-banner .hero-image[data-v-a955ba51] { width: 100%; height: auto; object-fit: cover; object-position: center 80%; transform: scale(1.03);
}
.auroral-yellow .content-wrapper[data-v-a955ba51] { padding: 0 0.875rem 0.875rem;
}
.auroral-yellow .bonus-table[data-v-a955ba51] { width: 100%; border: 1px solid var(--ep-color-border-default, #3d3a35); border-radius: var(--ep-border-radius-m, 0.375rem); overflow: hidden;
}
.auroral-yellow .bonus-table .table-title[data-v-a955ba51] { background: var(--ep-color-background-fill-surface-lowered, #141414); padding: 0.5625rem 1.375rem; text-align: center;
}
.auroral-yellow .bonus-table .table-title span[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-m, var(--font-size-14, 0.875rem)); font-weight: 600; color: var(--ep-color-text-default, #ffffff); line-height: 1.5;
}
.auroral-yellow .bonus-table .table-header[data-v-a955ba51] { display: flex; background: var(--ep-color-background-fill-surface-raised-L1, #24221f); padding: 0.5625rem 0;
}
.auroral-yellow .bonus-table .table-header .col[data-v-a955ba51] { 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, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6)); line-height: 1.5;
}
.auroral-yellow .bonus-table .table-row[data-v-a955ba51] { display: flex; height: 2.625rem; align-items: center;
}
.auroral-yellow .bonus-table .table-row[data-v-a955ba51]:nth-child(odd) { background: var(--ep-color-background-fill-body-default, #191919);
}
.auroral-yellow .bonus-table .table-row[data-v-a955ba51]:nth-child(2n) { background: var(--ep-color-background-fill-surface-raised-L1, #24221f);
}
.auroral-yellow .bonus-table .table-row .col[data-v-a955ba51] { 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, 0.75rem)); line-height: 1.5;
}
.auroral-yellow .bonus-table .table-row .col-bets[data-v-a955ba51] { font-weight: 600; color: var(--ep-color-text-default, #ffffff);
}
.auroral-yellow .bonus-table .table-row .col-bonus[data-v-a955ba51] { font-weight: 600; color: var(--ep-color-text-warning, #f7fb43);
}
.auroral-yellow .bonus-table .table-row .status-btn[data-v-a955ba51] { width: 5rem; padding: 0.125rem 0.5rem; border-radius: var(--ep-border-radius-s, 0.25rem); border: none; font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; line-height: 1.5; cursor: pointer; transition: all 0.3s ease;
}
.auroral-yellow .bonus-table .table-row .status-btn.active[data-v-a955ba51] { 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-a955ba51]:hover { opacity: 0.9;
}
.auroral-yellow .bonus-table .table-row .status-btn.disabled[data-v-a955ba51] { background: var(--ep-color-background-fill-active-disabled, #c4c235); color: var(--ep-color-text-inverse-disabled, rgba(0, 0, 0, 0.6)); cursor: not-allowed;
}
.auroral-yellow .total-unreceived[data-v-a955ba51] { margin-top: 0.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, 0.375rem); padding: 0.5625rem 1.375rem; display: flex; align-items: center; justify-content: center; gap: 0.25rem;
}
.auroral-yellow .total-unreceived .label[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-m, var(--font-size-14, 0.875rem)); font-weight: 400; color: var(--ep-color-text-default, #ffffff); line-height: 1.5;
}
.auroral-yellow .total-unreceived .amount[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-m, var(--font-size-14, 0.875rem)); font-weight: 700; color: var(--ep-color-text-warning, #f7fb43); line-height: 1.5;
}
.auroral-yellow .activity-description[data-v-a955ba51] { padding: 0 0.875rem;
}
.auroral-yellow .activity-description[data-v-a955ba51] .ruleHeader { margin: 1rem 0;
}
.auroral-yellow .activity-description[data-v-a955ba51] .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-a955ba51] .item-wrap { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6)); line-height: 1.5; background: var(--ep-color-background-fill-surface-lowered, #141414); border-radius: var(--ep-border-radius-m, 0.375rem); padding: 0.9375rem 1.0625rem;
}
.auroral-yellow .activity-description[data-v-a955ba51] .item-wrap .rule-item { margin-bottom: 1rem;
}
.auroral-yellow .activity-description .description-header[data-v-a955ba51] { display: flex; align-items: center; justify-content: center; gap: 0.375rem; margin: 1.375rem 0;
}
.auroral-yellow .activity-description .description-header .decoration-icon[data-v-a955ba51] { display: flex; align-items: center; height: 1.0625rem;
}
.auroral-yellow .activity-description .description-header .decoration-icon[data-v-a955ba51] svg { width: auto; height: 0.6875rem; vertical-align: middle;
}
.auroral-yellow .activity-description .description-header .description-title[data-v-a955ba51] { 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-a955ba51] { background: var(--ep-color-background-fill-surface-lowered, #141414); border-radius: var(--ep-border-radius-m, 0.375rem); padding: 1.5rem 0.9375rem;
}
.auroral-yellow .activity-description .description-content .description-text[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6)); line-height: 1.5;
}
.auroral-yellow .activity-description .description-content .description-text p[data-v-a955ba51] { margin-bottom: 1rem;
}
.auroral-yellow .activity-description .description-content .description-text p[data-v-a955ba51]:last-child { margin-bottom: 0;
}
.auroral-yellow .activity-description .description-content .rule-content[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6)); line-height: 1.5;
}
.auroral-yellow .activity-description .description-content .rule-content .rule-text[data-v-a955ba51] { margin-bottom: 1rem;
}
.auroral-yellow .activity-description .description-content .rule-content .rule-text[data-v-a955ba51]:last-child { margin-bottom: 0;
}
.auroral-yellow .bottom-action[data-v-a955ba51] { position: fixed; bottom: 0; left: 0; right: 0; height: calc(5rem + env(safe-area-inset-bottom)); 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 0.75rem env(safe-area-inset-bottom);
}
.betting-activity-page[data-v-a955ba51] { min-height: 100vh; background: var(--ep-color-background-fill-body-default, #131f42); position: relative; padding-bottom: calc(6rem + env(safe-area-inset-bottom));
}
.nav-header[data-v-a955ba51] { 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, 0.1); display: flex; align-items: center; justify-content: center;
}
.nav-header .nav-back[data-v-a955ba51] { position: absolute; left: 0.875rem; top: 50%; transform: translateY(-50%); width: 1.25rem; height: 1.25rem;
}
.nav-header .nav-back .back-icon[data-v-a955ba51] { display: block; width: 0.468rem; height: 0.847rem; border: 2px solid var(--ep-color-icon-default, #ffffff); border-right: none; border-top: none; transform: rotate(45deg); margin-left: 0.391rem; margin-top: 0.202rem;
}
.nav-header .nav-title[data-v-a955ba51] { 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-a955ba51] { position: relative; width: 100%; height: 17rem; overflow: hidden; display: flex; align-items: center; justify-content: center;
}
.hero-banner .hero-image[data-v-a955ba51] { width: 100%; height: auto; object-fit: cover; object-position: center 80%; transform: scale(1.03);
}
.content-wrapper[data-v-a955ba51] { padding: 0 0.875rem 0.875rem;
}
.bonus-table[data-v-a955ba51] { width: 100%; border: 1px solid var(--ep-color-border-default, #1e2d67); border-radius: var(--ep-border-radius-m, 0.375rem); overflow: hidden;
}
.bonus-table .table-title[data-v-a955ba51] { background: var(--ep-color-background-fill-surface-lowered, #101b3c); padding: 0.5625rem 1.375rem; text-align: center;
}
.bonus-table .table-title span[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-m, var(--font-size-14, 0.875rem)); font-weight: 600; color: var(--ep-color-text-default, #ffffff); line-height: 1.5;
}
.bonus-table .table-header[data-v-a955ba51] { display: flex; background: var(--ep-color-background-fill-surface-raised-L1, #18254e); padding: 0.5625rem 0;
}
.bonus-table .table-header .col[data-v-a955ba51] { 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, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6)); line-height: 1.5;
}
.bonus-table .table-row[data-v-a955ba51] { display: flex; height: 2.625rem; align-items: center;
}
.bonus-table .table-row[data-v-a955ba51]:nth-child(odd) { background: var(--ep-color-background-fill-body-default, #131f42);
}
.bonus-table .table-row[data-v-a955ba51]:nth-child(2n) { background: var(--ep-color-background-fill-surface-raised-L1, #18254e);
}
.bonus-table .table-row .col[data-v-a955ba51] { 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, 0.75rem)); line-height: 1.5;
}
.bonus-table .table-row .col-bets[data-v-a955ba51] { font-weight: 600; color: var(--ep-color-text-default, #ffffff);
}
.bonus-table .table-row .col-bonus[data-v-a955ba51] { font-weight: 600; color: var(--ep-color-text-warning, #fc974c);
}
.bonus-table .table-row .status-btn[data-v-a955ba51] { width: 5rem; padding: 0.125rem 0.5rem; border-radius: var(--ep-border-radius-s, 0.25rem); border: none; font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; line-height: 1.5; cursor: pointer; transition: all 0.3s ease;
}
.bonus-table .table-row .status-btn.active[data-v-a955ba51] { 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-a955ba51]:hover { opacity: 0.9;
}
.bonus-table .table-row .status-btn.disabled[data-v-a955ba51] { background: var(--ep-color-background-fill-active-disabled, #183b5f); color: var(--ep-color-text-inverse-disabled, rgba(255, 255, 255, 0.4)); cursor: not-allowed;
}
.total-unreceived[data-v-a955ba51] { margin-top: 0.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, 0.375rem); padding: 0.5625rem 1.375rem; display: flex; align-items: center; justify-content: center; gap: 0.25rem;
}
.total-unreceived .label[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-m, var(--font-size-14, 0.875rem)); font-weight: 400; color: var(--ep-color-text-default, #ffffff); line-height: 1.5;
}
.total-unreceived .amount[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-m, var(--font-size-14, 0.875rem)); font-weight: 700; color: var(--ep-color-text-warning, #fc974c); line-height: 1.5;
}
.activity-description[data-v-a955ba51] { padding: 0 0.875rem;
}
.activity-description[data-v-a955ba51] .ruleHeader { margin: 1rem 0;
}
.activity-description[data-v-a955ba51] .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-a955ba51] .item-wrap { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6)); line-height: 1.5; background: var(--ep-color-background-fill-surface-lowered, #101b3c); border-radius: var(--ep-border-radius-m, 0.375rem); padding: 0.9375rem 1.0625rem;
}
.activity-description[data-v-a955ba51] .item-wrap .rule-item { margin-bottom: 1rem;
}
.activity-description .description-header[data-v-a955ba51] { display: flex; align-items: center; justify-content: center; gap: 0.375rem; margin: 1.375rem 0;
}
.activity-description .description-header .decoration-icon[data-v-a955ba51] { display: flex; align-items: center; height: 1.0625rem;
}
.activity-description .description-header .decoration-icon[data-v-a955ba51] svg { width: auto; height: 0.6875rem; vertical-align: middle;
}
.activity-description .description-header .description-title[data-v-a955ba51] { 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-a955ba51] { background: var(--ep-color-background-fill-surface-lowered, #101b3c); border-radius: var(--ep-border-radius-m, 0.375rem); padding: 1.5rem 0.9375rem;
}
.activity-description .description-content .description-text[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6)); line-height: 1.5;
}
.activity-description .description-content .description-text p[data-v-a955ba51] { margin-bottom: 1rem;
}
.activity-description .description-content .description-text p[data-v-a955ba51]:last-child { margin-bottom: 0;
}
.activity-description .description-content .rule-content[data-v-a955ba51] { font-family: var(--ep-font-family, 'Prompt', sans-serif); font-size: var(--ep-font-size-s, var(--font-size-12, 0.75rem)); font-weight: 400; color: var(--ep-color-text-weak, rgba(255, 255, 255, 0.6)); line-height: 1.5;
}
.activity-description .description-content .rule-content .rule-text[data-v-a955ba51] { margin-bottom: 1rem;
}
.activity-description .description-content .rule-content .rule-text[data-v-a955ba51]:last-child { margin-bottom: 0;
}
.bottom-action[data-v-a955ba51] { position: fixed; bottom: 0; left: 0; right: 0; height: calc(5rem + env(safe-area-inset-bottom)); 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 0.75rem env(safe-area-inset-bottom);
}

#activity-validBet-style_0 .table-header .col[data-v-a955ba51], #activity-validBet-style_0 .table-row .col[data-v-a955ba51] { width: 50%; flex: 1;
}

.whitespace-pre-line[data-v-ead5028c] { line-height: 1.125rem;
}
table th[data-v-ead5028c], table td[data-v-ead5028c] { font-weight: 400; width: 50%;
}
table th[data-v-ead5028c]:first-child, table td[data-v-ead5028c]:first-child { border-left: none;
}
table th[data-v-ead5028c]:last-child, table td[data-v-ead5028c]:last-child { border-right: none;
}
table thead tr:first-child th[data-v-ead5028c], table thead tr:first-child td[data-v-ead5028c] { border-top: none;
}
table tr:last-child th[data-v-ead5028c], table tr:last-child td[data-v-ead5028c] { border-bottom: none;
}
ion-item.submit[data-v-ead5028c] { --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-ead5028c] { --background: #3a3a3a;
}
ion-modal#modal-apply[data-v-ead5028c] { --width: 22.25rem; --height: fit-content; --border-radius: 1.25rem;
}
ion-modal#modal-apply[data-v-ead5028c]::part(content) { box-shadow: none !important;
}
ion-modal#modal-apply ion-input[data-v-ead5028c] { --background: #101629; --border-radius: 10px; --padding-start: 1rem !important; --padding-end: 1rem !important; min-height: 35.5px !important; font-size: 0.875rem;
}
ion-modal#modal-apply ion-item.input[data-v-ead5028c] { --background: transparent; --padding-bottom: 0px; --padding-end: 0; --padding-start: 0; --padding-top: 0; --inner-padding-end: 0; --inner-border-width: 0px;
}
@keyframes shiny-ead5028c {
0% { opacity: 0; transform: scale(0) rotate(45deg);
}
80% { opacity: 0.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-ead5028c], table td[data-v-ead5028c] { border: 1px solid var(--color-border-600); background: var(--color-bg-200);
}
.rescue-countdown-time[data-v-ead5028c] { background: var(--color-bg-200); color: var(--color-text-white-100);
}
.rescue-text-basic[data-v-ead5028c] { color: var(--color-text-white-100); font-weight: var(--ep-font-weight-bold, 700);
}
.rescue-text-basic-today[data-v-ead5028c] { color: var(--color-text-white-100);
}
.rescue-symbol[data-v-ead5028c] { border: 1px solid var(--color-border-600);
}
.rescue-text-rewardThead[data-v-ead5028c] { color: var(--color-text-gray-700);
}
.rescue-text-emphasis[data-v-ead5028c] { color: var(--accent-color-yellow);
}
.rescue-ioncol-border[data-v-ead5028c] { border: 1px solid var(--color-border-600);
}
.rescue-ioncol-border p.today-tips[data-v-ead5028c] { color: var(--color-text-gray-700);
}
.rescue-introduce[data-v-ead5028c] { background: var(--color-bg-200); color: var(--color-text-gray-200);
}
.activityTime[data-v-ead5028c] { background-color: var(--color-bg-second);
}
.rescueBorder[data-v-ead5028c] { border-color: var(--color-border-input-basic);
}
.rewardTheadColor[data-v-ead5028c] { color: var(--color-text-rewardThead); background-color: var(null);
}
.rescueBody[data-v-ead5028c] { color: var(--color-text-emphasis);
}
.rescueHeader[data-v-ead5028c], .rescueBodyLeft[data-v-ead5028c] { color: var(--color-text-basic); font-weight: var(--ep-font-weight-bold, 700);
}
.profitLoss ion-col[data-v-ead5028c] { background-color: var(null);
}
.rescueDes[data-v-ead5028c] .ruleHeader .span-cls { color: var(--color-text-second);
}
.rescueDes[data-v-ead5028c] .item-wrap { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); background: var(--color-bg-second);
}
[data-v-ead5028c] .footer-safe-area { height: calc(5rem + env(safe-area-inset-bottom));
}
.rescueDes[data-v-ead5028c] { width: 100%; margin-top: 1.25rem; margin-bottom: calc(7rem + env(safe-area-inset-bottom));
}
.rescueDes[data-v-ead5028c] .ruleHeader { justify-content: start; margin-bottom: 1.25rem;
}
.rescueDes[data-v-ead5028c] .ruleHeader .span-cls { font-size: 1rem; margin: 0;
}
.rescueDes[data-v-ead5028c] .item-wrap { background: var(--color-bg-second); padding: 0.625rem; font-size: 0.75rem; border-radius: 0.625rem; color: var(--color-text-second);
}
.rescueDes[data-v-ead5028c] .item-wrap .rule-item { white-space: pre-line; line-height: 1.5;
}
.blue-default table th[data-v-ead5028c], .blue-default table td[data-v-ead5028c] { border: 1px solid var(--color-border-600); background: var(--color-bg-200);
}
.blue-default .rescue-countdown-time[data-v-ead5028c] { background: var(--color-bg-200); color: var(--color-text-white-100);
}
.blue-default .rescue-text-basic[data-v-ead5028c] { color: var(--color-text-white-100); font-weight: var(--ep-font-weight-bold, 700);
}
.blue-default .rescue-text-basic-today[data-v-ead5028c] { color: var(--color-text-white-100);
}
.blue-default .rescue-symbol[data-v-ead5028c] { border: 1px solid var(--color-border-600);
}
.blue-default .rescue-text-rewardThead[data-v-ead5028c] { color: var(--color-text-gray-700);
}
.blue-default .rescue-text-emphasis[data-v-ead5028c] { color: var(--accent-color-yellow);
}
.blue-default .rescue-ioncol-border[data-v-ead5028c] { border: 1px solid var(--color-border-600);
}
.blue-default .rescue-ioncol-border p.today-tips[data-v-ead5028c] { color: var(--color-text-gray-700);
}
.blue-default .rescue-introduce[data-v-ead5028c] { background: var(--color-bg-200); color: var(--color-text-gray-200);
}
.blue-default .activityTime[data-v-ead5028c] { background-color: var(--color-bg-second);
}
.blue-default .rescueBorder[data-v-ead5028c] { border-color: var(--color-border-input-basic);
}
.blue-default .rewardTheadColor[data-v-ead5028c] { color: var(--color-text-rewardThead); background-color: var(null);
}
.blue-default .rescueBody[data-v-ead5028c] { color: var(--color-text-emphasis);
}
.blue-default .rescueHeader[data-v-ead5028c], .blue-default .rescueBodyLeft[data-v-ead5028c] { color: var(--color-text-basic); font-weight: var(--ep-font-weight-bold, 700);
}
.blue-default .profitLoss ion-col[data-v-ead5028c] { background-color: var(null);
}
.blue-default .rescueDes[data-v-ead5028c] .ruleHeader .span-cls { color: var(--color-text-second);
}
.blue-default .rescueDes[data-v-ead5028c] .item-wrap { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); background: var(--color-bg-second);
}
.green-default table th[data-v-ead5028c], .green-default table td[data-v-ead5028c] { border: 1px solid var(--color-line); background: var(--color-bg-200);
}
.green-default .rescue-countdown-time[data-v-ead5028c] { background: var(--color-bg-200); color: var(--color-text-gray-100);
}
.green-default .rescue-text-basic[data-v-ead5028c] { color: var(--color-text-gray-100); font-weight: var(--ep-font-weight-bold, 700);
}
.green-default .rescue-text-basic-today[data-v-ead5028c] { color: var(--color-text-gray-100);
}
.green-default .rescue-symbol[data-v-ead5028c] { border: 1px solid var(--color-line);
}
.green-default .rescue-text-rewardThead[data-v-ead5028c] { color: var(--color-text-gray-100);
}
.green-default .rescue-text-emphasis[data-v-ead5028c] { color: var(--accent-color-yellow);
}
.green-default .rescue-ioncol-border[data-v-ead5028c] { border: 1px solid var(--color-line);
}
.green-default .rescue-ioncol-border p.today-tips[data-v-ead5028c] { color: var(--color-text-gray-200);
}
.green-default .rescue-introduce[data-v-ead5028c] { background: var(--color-bg-200); color: var(--color-text-gray-200);
}
.green-default .activityTime[data-v-ead5028c] { background-color: var(--color-bg-second);
}
.green-default .rescueBorder[data-v-ead5028c] { border-color: var(--color-border-input-basic);
}
.green-default .rewardTheadColor[data-v-ead5028c] { color: var(--color-text-rewardThead); background-color: var(null);
}
.green-default .rescueBody[data-v-ead5028c] { color: var(--color-text-emphasis);
}
.green-default .rescueHeader[data-v-ead5028c], .green-default .rescueBodyLeft[data-v-ead5028c] { color: var(--color-text-basic); font-weight: var(--ep-font-weight-bold, 700);
}
.green-default .profitLoss ion-col[data-v-ead5028c] { background-color: var(null);
}
.green-default .rescueDes[data-v-ead5028c] .ruleHeader .span-cls { color: var(--color-text-second);
}
.green-default .rescueDes[data-v-ead5028c] .item-wrap { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); background: var(--color-bg-second);
}
.amber-purple table th[data-v-ead5028c], .amber-purple table td[data-v-ead5028c] { border: 1px solid var(--line-color); background: var(--color-bg-200);
}
.amber-purple .rescue-countdown-time[data-v-ead5028c] { background: var(--color-bg-200); color: var(--text-color-light-purple-1-100);
}
.amber-purple .rescue-text-basic[data-v-ead5028c] { color: var(--text-color-light-purple-1-100); font-weight: var(--ep-font-weight-bold, 700);
}
.amber-purple .rescue-text-basic-today[data-v-ead5028c] { color: var(--text-color-light-purple-1-100);
}
.amber-purple .rescue-symbol[data-v-ead5028c] { border: 1px solid var(--line-color);
}
.amber-purple .rescue-text-rewardThead[data-v-ead5028c] { color: var(--text-color-light-purple-1-100);
}
.amber-purple .rescue-text-emphasis[data-v-ead5028c] { color: var(--accent-color-yellow);
}
.amber-purple .rescue-ioncol-border[data-v-ead5028c] { border: 1px solid var(--line-color);
}
.amber-purple .rescue-ioncol-border p.today-tips[data-v-ead5028c] { color: var(--text-color-light-purple-2-100);
}
.amber-purple .rescue-introduce[data-v-ead5028c] { background: var(--color-bg-200); color: var(--text-color-light-purple-2-100);
}
.amber-purple .activityTime[data-v-ead5028c] { background-color: var(--color-bg-second);
}
.amber-purple .rescueBorder[data-v-ead5028c] { border-color: var(--color-border-input-basic);
}
.amber-purple .rewardTheadColor[data-v-ead5028c] { color: var(--color-text-rewardThead); background-color: var(null);
}
.amber-purple .rescueBody[data-v-ead5028c] { color: var(--color-text-emphasis);
}
.amber-purple .rescueHeader[data-v-ead5028c], .amber-purple .rescueBodyLeft[data-v-ead5028c] { color: var(--color-text-basic); font-weight: var(--ep-font-weight-bold, 700);
}
.amber-purple .profitLoss ion-col[data-v-ead5028c] { background-color: var(null);
}
.amber-purple .rescueDes[data-v-ead5028c] .ruleHeader .span-cls { color: var(--color-text-second);
}
.amber-purple .rescueDes[data-v-ead5028c] .item-wrap { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); background: var(--color-bg-second);
}
.amber-purple table th[data-v-ead5028c], .green-dark table th[data-v-ead5028c], .yellow-dark table th[data-v-ead5028c], .purple-light table th[data-v-ead5028c], .amber-purple table td[data-v-ead5028c], .green-dark table td[data-v-ead5028c], .yellow-dark table td[data-v-ead5028c], .purple-light table td[data-v-ead5028c] { border: 1px solid var(--color-border); background: var(--color-bg-300);
}
.amber-purple .rescue-countdown-time[data-v-ead5028c], .green-dark .rescue-countdown-time[data-v-ead5028c], .yellow-dark .rescue-countdown-time[data-v-ead5028c], .purple-light .rescue-countdown-time[data-v-ead5028c] { background: var(--color-bg-200); color: var(--text-color-light-purple-1-100);
}
.amber-purple .rescue-text-basic[data-v-ead5028c], .green-dark .rescue-text-basic[data-v-ead5028c], .yellow-dark .rescue-text-basic[data-v-ead5028c], .purple-light .rescue-text-basic[data-v-ead5028c] { color: var(--color-currency); font-weight: var(--ep-font-weight-bold, 700);
}
.amber-purple .rescue-text-basic-today[data-v-ead5028c], .green-dark .rescue-text-basic-today[data-v-ead5028c], .yellow-dark .rescue-text-basic-today[data-v-ead5028c], .purple-light .rescue-text-basic-today[data-v-ead5028c] { color: var(--color-text-100);
}
.amber-purple .rescue-symbol[data-v-ead5028c], .green-dark .rescue-symbol[data-v-ead5028c], .yellow-dark .rescue-symbol[data-v-ead5028c], .purple-light .rescue-symbol[data-v-ead5028c] { border: 1px solid var(--line-color);
}
.amber-purple .rescue-text-rewardThead[data-v-ead5028c], .green-dark .rescue-text-rewardThead[data-v-ead5028c], .yellow-dark .rescue-text-rewardThead[data-v-ead5028c], .purple-light .rescue-text-rewardThead[data-v-ead5028c] { color: var(--text-color-light-purple-1-100);
}
.amber-purple .rescue-text-emphasis[data-v-ead5028c], .green-dark .rescue-text-emphasis[data-v-ead5028c], .yellow-dark .rescue-text-emphasis[data-v-ead5028c], .purple-light .rescue-text-emphasis[data-v-ead5028c] { color: var(--accent-color-yellow);
}
.amber-purple .rescue-ioncol-border[data-v-ead5028c], .green-dark .rescue-ioncol-border[data-v-ead5028c], .yellow-dark .rescue-ioncol-border[data-v-ead5028c], .purple-light .rescue-ioncol-border[data-v-ead5028c] { border: 1px solid var(--color-border);
}
.amber-purple .rescue-ioncol-border p.today-tips[data-v-ead5028c], .green-dark .rescue-ioncol-border p.today-tips[data-v-ead5028c], .yellow-dark .rescue-ioncol-border p.today-tips[data-v-ead5028c], .purple-light .rescue-ioncol-border p.today-tips[data-v-ead5028c] { color: var(--color-text-40);
}
.amber-purple .rescue-introduce[data-v-ead5028c], .green-dark .rescue-introduce[data-v-ead5028c], .yellow-dark .rescue-introduce[data-v-ead5028c], .purple-light .rescue-introduce[data-v-ead5028c] { background: var(--color-bg-200); color: var(--text-color-light-purple-2-100);
}
.amber-purple .activityTime[data-v-ead5028c], .green-dark .activityTime[data-v-ead5028c], .yellow-dark .activityTime[data-v-ead5028c], .purple-light .activityTime[data-v-ead5028c] { background-color: var(--color-bg-200);
}
.amber-purple .rescueBorder[data-v-ead5028c], .green-dark .rescueBorder[data-v-ead5028c], .yellow-dark .rescueBorder[data-v-ead5028c], .purple-light .rescueBorder[data-v-ead5028c] { border-color: var(--color-border);
}
.amber-purple .rewardTheadColor[data-v-ead5028c], .green-dark .rewardTheadColor[data-v-ead5028c], .yellow-dark .rewardTheadColor[data-v-ead5028c], .purple-light .rewardTheadColor[data-v-ead5028c] { color: var(--color-text-40); background-color: var(--color-bg-200);
}
.amber-purple .rescueBody[data-v-ead5028c], .green-dark .rescueBody[data-v-ead5028c], .yellow-dark .rescueBody[data-v-ead5028c], .purple-light .rescueBody[data-v-ead5028c] { color: var(--color-currency);
}
.amber-purple .rescueHeader[data-v-ead5028c], .green-dark .rescueHeader[data-v-ead5028c], .yellow-dark .rescueHeader[data-v-ead5028c], .purple-light .rescueHeader[data-v-ead5028c] { color: var(--color-text-100); font-weight: var(--ep-font-weight-bold, 700);
}
.amber-purple .rescueBodyLeft[data-v-ead5028c], .green-dark .rescueBodyLeft[data-v-ead5028c], .yellow-dark .rescueBodyLeft[data-v-ead5028c], .purple-light .rescueBodyLeft[data-v-ead5028c] { color: var(--color-text-80); font-weight: var(--ep-font-weight-bold, 700);
}
.amber-purple .profitLoss ion-col[data-v-ead5028c], .green-dark .profitLoss ion-col[data-v-ead5028c], .yellow-dark .profitLoss ion-col[data-v-ead5028c], .purple-light .profitLoss ion-col[data-v-ead5028c] { background-color: var(--color-bg-200);
}
.amber-purple .rescueDes[data-v-ead5028c] .ruleHeader .span-cls, .green-dark .rescueDes[data-v-ead5028c] .ruleHeader .span-cls, .yellow-dark .rescueDes[data-v-ead5028c] .ruleHeader .span-cls, .purple-light .rescueDes[data-v-ead5028c] .ruleHeader .span-cls { color: var(--color-activity-rule);
}
.amber-purple .rescueDes[data-v-ead5028c] .item-wrap, .green-dark .rescueDes[data-v-ead5028c] .item-wrap, .yellow-dark .rescueDes[data-v-ead5028c] .item-wrap, .purple-light .rescueDes[data-v-ead5028c] .item-wrap { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); background: var(--color-bg-200);
}
.amber-purple table th[data-v-ead5028c], .green-dark table th[data-v-ead5028c], .yellow-dark table th[data-v-ead5028c], .purple-light table th[data-v-ead5028c] { font-weight: 700; border-right: none; border-bottom: none;
}
.amber-purple table thead th[data-v-ead5028c], .green-dark table thead th[data-v-ead5028c], .yellow-dark table thead th[data-v-ead5028c], .purple-light table thead th[data-v-ead5028c] { height: 2.5rem;
}
.amber-purple table thead th[data-v-ead5028c]:first-child, .green-dark table thead th[data-v-ead5028c]:first-child, .yellow-dark table thead th[data-v-ead5028c]:first-child, .purple-light table thead th[data-v-ead5028c]:first-child, .amber-purple table tbody th[data-v-ead5028c]:first-child, .green-dark table tbody th[data-v-ead5028c]:first-child, .yellow-dark table tbody th[data-v-ead5028c]:first-child, .purple-light table tbody th[data-v-ead5028c]:first-child { border-left: none;
}
.auroral-yellow table th[data-v-ead5028c], .auroral-yellow table td[data-v-ead5028c] { border: 1px solid var(--color-border); background: var(--color-bg-200);
}
.auroral-yellow .rescue-countdown-time[data-v-ead5028c] { background: var(--color-bg-200); color: var(--color-text-white-100);
}
.auroral-yellow .rescue-text-basic[data-v-ead5028c] { color: var(--color-text-white-100); font-weight: var(--ep-font-weight-bold, 700);
}
.auroral-yellow .rescue-text-basic-today[data-v-ead5028c] { color: var(--color-text-white-100);
}
.auroral-yellow .rescue-symbol[data-v-ead5028c] { border: 1px solid var(--color-border-600);
}
.auroral-yellow .rescue-text-rewardThead[data-v-ead5028c] { color: var(--color-text-gray-700);
}
.auroral-yellow .rescue-text-emphasis[data-v-ead5028c] { color: var(--accent-color-yellow);
}
.auroral-yellow .rescue-ioncol-border[data-v-ead5028c] { border: 1px solid var(--color-border);
}
.auroral-yellow .rescue-ioncol-border p.today-tips[data-v-ead5028c] { color: var(--color-text-gray-700);
}
.auroral-yellow .rescue-introduce[data-v-ead5028c] { background: var(--color-bg-200); color: var(--color-text-gray-200);
}
.auroral-yellow .activityTime[data-v-ead5028c] { background-color: var(--color-bg-second);
}
.auroral-yellow .rescueBorder[data-v-ead5028c] { border-color: var(--color-border-input-basic);
}
.auroral-yellow .rewardTheadColor[data-v-ead5028c] { color: var(--color-text-rewardThead); background-color: var(null);
}
.auroral-yellow .rescueBody[data-v-ead5028c] { color: var(--color-text-emphasis);
}
.auroral-yellow .rescueHeader[data-v-ead5028c], .auroral-yellow .rescueBodyLeft[data-v-ead5028c] { color: var(--color-text-basic); font-weight: var(--ep-font-weight-bold, 700);
}
.auroral-yellow .profitLoss ion-col[data-v-ead5028c] { background-color: var(null);
}
.auroral-yellow .rescueDes[data-v-ead5028c] .ruleHeader .span-cls { color: var(--color-text-second);
}
.auroral-yellow .rescueDes[data-v-ead5028c] .item-wrap { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); background: var(--color-bg-second);
}
.new-skin-symbol table th[data-v-ead5028c], .new-skin-symbol table td[data-v-ead5028c] { 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-ead5028c] { background: var(--color-bg-200); color: var(--color-text-white-100);
}
.new-skin-symbol .rescue-text-basic[data-v-ead5028c] { color: var(--ep-color-text-default); font-weight: var(--ep-font-weight-bold, 700);
}
.new-skin-symbol .rescue-text-basic-today[data-v-ead5028c] { color: var(--ep-color-text-default);
}
.new-skin-symbol .rescue-symbol[data-v-ead5028c] { border: 1px solid var(--color-border-600);
}
.new-skin-symbol .rescue-text-rewardThead[data-v-ead5028c] { color: var(--color-text-gray-700);
}
.new-skin-symbol .rescue-text-emphasis[data-v-ead5028c] { color: var(--accent-color-yellow);
}
.new-skin-symbol .rescue-ioncol-border[data-v-ead5028c] { border: 1px solid var(--color-border-600);
}
.new-skin-symbol .rescue-ioncol-border p.today-tips[data-v-ead5028c] { color: var(--ep-color-text-weak);
}
.new-skin-symbol .rescue-introduce[data-v-ead5028c] { background: var(--color-bg-200); color: var(--color-text-gray-200);
}
.new-skin-symbol .activityTime[data-v-ead5028c] { background-color: var(--color-bg-second);
}
.new-skin-symbol .rescueBorder[data-v-ead5028c] { border-color: var(--ep-color-border-default);
}
.new-skin-symbol .rewardTheadColor[data-v-ead5028c] { color: var(--ep-color-text-default); background-color: var(null);
}
.new-skin-symbol .rescueBody[data-v-ead5028c] { color: var(--color-text-emphasis);
}
.new-skin-symbol .rescueHeader[data-v-ead5028c], .new-skin-symbol .rescueBodyLeft[data-v-ead5028c] { color: var(--ep-color-text-default); font-weight: var(--ep-font-weight-bold, 700);
}
.new-skin-symbol .profitLoss ion-col[data-v-ead5028c] { background-color: var(--ep-color-background-fill-surface-raised-L2);
}
.new-skin-symbol .rescueDes[data-v-ead5028c] .ruleHeader .span-cls { color: var(--ep-color-text-weak);
}
.new-skin-symbol .rescueDes[data-v-ead5028c] .item-wrap { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); background: var(--ep-color-background-fill-surface-raised-L1);
}
.new-skin-symbol .activityTime[data-v-ead5028c] { color: var(--ep-color-text-default);
}
.new-skin-symbol .rescueBorder[data-v-ead5028c] { border-radius: var(--ep-border-radius-m);
}
.new-skin-symbol .rescueBorder table[data-v-ead5028c] { font-size: var(--ep-font-size-s);
}
.new-skin-symbol .rescueBorder table tbody tr th[data-v-ead5028c] { background-color: var(--ep-color-background-fill-surface-lowered);
}
.new-skin-symbol .rescueBorder table tbody tr th[data-v-ead5028c]:not(:first-child) { font-weight: var(--ep-font-weight-bold); color: var(--ep-color-text-warning);
}
.new-skin-symbol .profitLoss ion-col[data-v-ead5028c] { border-radius: var(--ep-border-radius-m);
}
.new-skin-symbol .profitLoss ion-col p[data-v-ead5028c] { color: var(--ep-color-text-weak); font-size: var(--ep-font-size-s);
}
.new-skin-symbol .profitLoss ion-col span[data-v-ead5028c] { font-size: var(--ep-font-size-m);
}

.rescue-content[data-v-ead5028c] { padding-bottom: calc(6rem + env(safe-area-inset-bottom));
}
.rescue-banner[data-v-ead5028c] { width: 100%; border-radius: 0.625rem; margin-bottom: 1rem;
}

ion-content[data-v-5e9675a5] { font-family: Saira !important;
}
.default-sing-top[data-v-5e9675a5] { height: 7.125rem; background: url(/images/sign/default-sign-top-bg.png) no-repeat; background-size: 100% 100%;
}
.default-sign-money[data-v-5e9675a5], .default-sign-day[data-v-5e9675a5] { height: 2.625rem; border-radius: 0.625rem; font-size: 0.875rem; font-weight: 500; padding: 0.5693rem 0.875rem 0.5557rem; box-shadow: 0 1px rgba(255, 255, 255, 0.18) inset; background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.19));
}
.default-sing-img[data-v-5e9675a5] { margin: 0 1rem 0 0.875rem; background: url(/images/sign/default-sign-top-center.png) no-repeat; background-size: 100% 100%;
}
.default-current-vip .vip-info[data-v-5e9675a5] { font-size: 0.75rem; line-height: 1.125rem; font-weight: 500;
}
.default-current-vip .vip-info .vip-tips[data-v-5e9675a5] { font-size: 0.625rem; line-height: 0.9375rem;
}
.default-sign-date[data-v-5e9675a5] { padding: 1rem 0.75rem 0;
}
.default-sign-date .date-box[data-v-5e9675a5] { padding: 1rem 0.625rem 0.5rem; border-radius: 0.375rem;
}
.default-sign-date .date-box .date-item[data-v-5e9675a5] { flex-direction: column; min-width: 5rem; min-height: 5rem; margin: 0 0.48rem 0.5rem 0; border-radius: 0.25rem; box-shadow: 0 1px rgba(255, 255, 255, 0.15) inset;
}
.default-sign-date .date-box .date-item .date-item-day[data-v-5e9675a5] { font-size: 0.75rem; line-height: 1.125rem;
}
.default-sign-date .date-box .date-item .date-item-money[data-v-5e9675a5] { width: 5rem; font-size: 0.625rem; line-height: 0.9375rem; font-weight: 500; text-align: left;
}
.default-sign-date .date-box .date-item .date-item-money .item-money-conten[data-v-5e9675a5] { 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-5e9675a5] { font-size: 0.625rem;
}
.default-sign-date .date-box .date-item .date-item-money .item-money-conten .item-money-text[data-v-5e9675a5] { overflow-wrap: break-word; word-break: break-word;
}
.default-sign-date .date-box .date-item .default-date-extra-reward[data-v-5e9675a5] { font-size: 0.5rem; line-height: 0.5rem;
}
.default-sign-date .date-box .date-item .default-date-extra-reward .money[data-v-5e9675a5] { font-weight: 500;
}
.default-sign-date .date-box .default-claimed-item[data-v-5e9675a5] { opacity: 0.4;
}
.default-sign-date .date-box .default-available-item1[data-v-5e9675a5] { box-shadow: none;
}
.default-sign-date .date-box .default-available-item2[data-v-5e9675a5] { background: transparent; overflow: hidden; z-index: 1;
}
.default-sign-date .date-box .default-available-item2[data-v-5e9675a5]:before { content: ''; position: absolute; width: 100%; height: 0.625rem; opacity: 0.73; bottom: 0; right: 0; flex-shrink: 0; filter: blur(19.60000038px); z-index: 2;
}
.default-sign-date .date-box .default-triangle[data-v-5e9675a5] { width: 1.5rem; height: 1rem; transform: translate(-50%);
}
.default-sign-date .date-box .date-item[data-v-5e9675a5]:nth-child(4), .default-sign-date .date-box .date-item[data-v-5e9675a5]:nth-child(4n) { margin-right: 0;
}
.default-sign-rule[data-v-5e9675a5] { padding: 0.8506rem 1.25rem 5.625rem 0.75rem;
}
.default-sign-rule .default-sign-rule-content[data-v-5e9675a5] { font-size: 0.75rem; line-height: 1.125rem;
}
.default-footer-btn[data-v-5e9675a5] { padding: 0.9375rem 0.875rem;
}
.default-footer-btn ion-button.default-sign-available-btn[data-v-5e9675a5] { min-height: 0; font-size: 0.875rem; font-weight: 700; --border-radius: 0.25rem;
}
.sign-flex-center[data-v-5e9675a5] { display: flex; align-items: center; justify-content: center;
}
ion-content[data-v-5e9675a5] { --background: var(--color-bg-300);
}
.item-money-text[data-v-5e9675a5] { color: var(--ep-color-text-default);
}
.default-sign-money[data-v-5e9675a5], .default-sign-day[data-v-5e9675a5] { border-radius: 0.625rem; font-size: 0.875rem; font-weight: 500; color: var(--theme-color-800);
}
.default-current-vip .vip-info[data-v-5e9675a5] { font-size: 0.75rem; font-weight: 500; color: var(--text-color-white-100);
}
.default-current-vip .vip-info .vip-tips[data-v-5e9675a5] { font-size: 0.625rem; color: var(--text-color-white-40);
}
.default-sign-date .date-box[data-v-5e9675a5] { border-radius: 0.375rem; background: var(--color-bg-200); border: 1px solid var(--color-line);
}
.default-sign-date .date-box .date-item[data-v-5e9675a5] { border-radius: 0.25rem; background: var(--color-bg-300);
}
.default-sign-date .date-box .date-item .date-item-day[data-v-5e9675a5] { font-size: 0.75rem; color: var(--text-color-white-40);
}
.default-sign-date .date-box .date-item .date-item-money[data-v-5e9675a5] { font-size: 0.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-5e9675a5] { font-size: 0.625rem; color: var(--theme-color-800);
}
.default-sign-date .date-box .date-item .default-date-extra-reward[data-v-5e9675a5] { font-size: 0.5rem; color: var(--text-color-white-40);
}
.default-sign-date .date-box .date-item .default-date-extra-reward .money[data-v-5e9675a5] { font-weight: 500; color: var(--sign-default-extra-reward);
}
.default-sign-date .date-box .default-available-item1[data-v-5e9675a5] { border-bottom: 1px solid var(--accent-color-green);
}
.default-sign-date .date-box .default-available-item2[data-v-5e9675a5]:before { background: var(--sing-default-available-before);
}
.default-sign-rule .default-sign-rule-content[data-v-5e9675a5] { font-size: 0.75rem; color: var(--text-color-white-40);
}
.default-sign-rule[data-v-5e9675a5] .ruleHeader .span-cls { font-family: Saira, sans-serif; color: var(--ep-color-text-default, #ffffff);
}
.default-sign-rule[data-v-5e9675a5] .item-wrap .rule-item { font-family: Saira, sans-serif; color: var(--text-color-white-40);
}
.default-footer-btn[data-v-5e9675a5] { 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-5e9675a5] { font-size: 0.875rem; font-weight: 700; --border-radius: 0.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-5e9675a5] .ruleHeader { justify-content: start; margin-bottom: 1rem;
}
.default-sign-rule[data-v-5e9675a5] .ruleHeader .span-cls { font-size: 1rem; margin: 0; color: var(--text-color-black-80);
}
.default-sign-rule[data-v-5e9675a5] .item-wrap { padding: 0 0 0 0.375rem;
}
.default-sign-rule[data-v-5e9675a5] .item-wrap .rule-item { font-size: 0.75rem; line-height: 1.125rem;
}
.yellow-dark ion-content[data-v-5e9675a5] { --background: var(--color-bg-300);
}
.yellow-dark .item-money-text[data-v-5e9675a5] { color: var(--ep-color-text-default);
}
.yellow-dark .default-sign-money[data-v-5e9675a5], .yellow-dark .default-sign-day[data-v-5e9675a5] { border-radius: 0.625rem; font-size: 0.875rem; font-weight: 500; color: var(--theme-color-800);
}
.yellow-dark .default-current-vip .vip-info[data-v-5e9675a5] { font-size: 0.75rem; font-weight: 500; color: var(--text-color-white-100);
}
.yellow-dark .default-current-vip .vip-info .vip-tips[data-v-5e9675a5] { font-size: 0.625rem; color: var(--text-color-white-40);
}
.yellow-dark .default-sign-date .date-box[data-v-5e9675a5] { border-radius: 0.375rem; background: var(--color-bg-200); border: 1px solid var(--line-color);
}
.yellow-dark .default-sign-date .date-box .date-item[data-v-5e9675a5] { border-radius: 0.25rem; background: var(--color-bg-300);
}
.yellow-dark .default-sign-date .date-box .date-item .date-item-day[data-v-5e9675a5] { font-size: 0.75rem; color: var(--text-color-white-40);
}
.yellow-dark .default-sign-date .date-box .date-item .date-item-money[data-v-5e9675a5] { font-size: 0.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-5e9675a5] { font-size: 0.625rem; color: var(--theme-color-800);
}
.yellow-dark .default-sign-date .date-box .date-item .default-date-extra-reward[data-v-5e9675a5] { font-size: 0.5rem; color: var(--text-color-white-40);
}
.yellow-dark .default-sign-date .date-box .date-item .default-date-extra-reward .money[data-v-5e9675a5] { font-weight: 500; color: var(--sign-default-extra-reward);
}
.yellow-dark .default-sign-date .date-box .default-available-item1[data-v-5e9675a5] { border-bottom: 1px solid var(--accent-color-green);
}
.yellow-dark .default-sign-date .date-box .default-available-item2[data-v-5e9675a5]:before { background: var(--sing-default-available-before);
}
.yellow-dark .default-sign-rule .default-sign-rule-content[data-v-5e9675a5] { font-size: 0.75rem; color: var(--text-color-white-40);
}
.yellow-dark .default-sign-rule[data-v-5e9675a5] .ruleHeader .span-cls { font-family: Saira, sans-serif; color: var(--ep-color-text-default, #ffffff);
}
.yellow-dark .default-sign-rule[data-v-5e9675a5] .item-wrap .rule-item { font-family: Saira, sans-serif; color: var(--text-color-white-40);
}
.yellow-dark .default-footer-btn[data-v-5e9675a5] { 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-5e9675a5] { font-size: 0.875rem; font-weight: 700; --border-radius: 0.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-5e9675a5] { --background: var(--color-bg-300);
}
.green-dark .item-money-text[data-v-5e9675a5] { color: var(--ep-color-text-default);
}
.green-dark .default-sign-money[data-v-5e9675a5], .green-dark .default-sign-day[data-v-5e9675a5] { border-radius: 0.625rem; font-size: 0.875rem; font-weight: 500; color: var(--sign-default-day-text-color);
}
.green-dark .default-current-vip .vip-info[data-v-5e9675a5] { font-size: 0.75rem; font-weight: 500; color: var(--text-color-white-100);
}
.green-dark .default-current-vip .vip-info .vip-tips[data-v-5e9675a5] { font-size: 0.625rem; color: var(--text-color-white-40);
}
.green-dark .default-sign-date .date-box[data-v-5e9675a5] { border-radius: 0.375rem; background: var(--color-bg-200); border: 1px solid var(--color-line);
}
.green-dark .default-sign-date .date-box .date-item[data-v-5e9675a5] { border-radius: 0.25rem; background: var(--color-bg-300);
}
.green-dark .default-sign-date .date-box .date-item .date-item-day[data-v-5e9675a5] { font-size: 0.75rem; color: var(--text-color-white-40);
}
.green-dark .default-sign-date .date-box .date-item .date-item-money[data-v-5e9675a5] { font-size: 0.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-5e9675a5] { font-size: 0.625rem; color: var(--sign-default-day-text-color);
}
.green-dark .default-sign-date .date-box .date-item .default-date-extra-reward[data-v-5e9675a5] { font-size: 0.5rem; color: var(--text-color-white-40);
}
.green-dark .default-sign-date .date-box .date-item .default-date-extra-reward .money[data-v-5e9675a5] { font-weight: 500; color: var(--sign-default-extra-reward);
}
.green-dark .default-sign-date .date-box .default-available-item1[data-v-5e9675a5] { border-bottom: 1px solid var(--accent-color-green);
}
.green-dark .default-sign-date .date-box .default-available-item2[data-v-5e9675a5]:before { background: var(--ion-color-primary);
}
.green-dark .default-sign-rule .default-sign-rule-content[data-v-5e9675a5] { font-size: 0.75rem; color: var(--text-color-white-40);
}
.green-dark .default-sign-rule[data-v-5e9675a5] .ruleHeader .span-cls { font-family: Saira, sans-serif; color: var(--ep-color-text-default, #ffffff);
}
.green-dark .default-sign-rule[data-v-5e9675a5] .item-wrap .rule-item { font-family: Saira, sans-serif; color: var(--text-color-white-40);
}
.green-dark .default-footer-btn[data-v-5e9675a5] { 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-5e9675a5] { font-size: 0.875rem; font-weight: 700; --border-radius: 0.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-5e9675a5] { --background: var(--color-bg-300);
}
.purple-light .item-money-text[data-v-5e9675a5] { color: var(--ep-color-text-default);
}
.purple-light .default-sign-money[data-v-5e9675a5], .purple-light .default-sign-day[data-v-5e9675a5] { border-radius: 0.625rem; font-size: 0.875rem; font-weight: 500; color: var(--sign-default-day-text-color);
}
.purple-light .default-current-vip .vip-info[data-v-5e9675a5] { font-size: 0.75rem; font-weight: 500; color: var(--sign-default-current-vip-text);
}
.purple-light .default-current-vip .vip-info .vip-tips[data-v-5e9675a5] { font-size: 0.625rem; color: var(--text-color-black-40);
}
.purple-light .default-sign-date .date-box[data-v-5e9675a5] { border-radius: 0.375rem; background: var(--color-bg-500); border: 1px solid var(--line-color);
}
.purple-light .default-sign-date .date-box .date-item[data-v-5e9675a5] { border-radius: 0.25rem; background: var(--color-bg-300);
}
.purple-light .default-sign-date .date-box .date-item .date-item-day[data-v-5e9675a5] { font-size: 0.75rem; color: var(--text-color-black-40);
}
.purple-light .default-sign-date .date-box .date-item .date-item-money[data-v-5e9675a5] { font-size: 0.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-5e9675a5] { font-size: 0.625rem; color: var(--sign-default-day-text-color);
}
.purple-light .default-sign-date .date-box .date-item .default-date-extra-reward[data-v-5e9675a5] { font-size: 0.5rem; color: var(--text-color-black-40);
}
.purple-light .default-sign-date .date-box .date-item .default-date-extra-reward .money[data-v-5e9675a5] { font-weight: 500; color: var(--accent-color-green);
}
.purple-light .default-sign-date .date-box .default-available-item1[data-v-5e9675a5] { border-bottom: 1px solid var(--accent-color-green);
}
.purple-light .default-sign-date .date-box .default-available-item2[data-v-5e9675a5]:before { background: var(--accent-color-green);
}
.purple-light .default-sign-rule .default-sign-rule-content[data-v-5e9675a5] { font-size: 0.75rem; color: var(--text-color-black-80);
}
.purple-light .default-sign-rule[data-v-5e9675a5] .ruleHeader .span-cls { font-family: Saira, sans-serif; color: var(--ep-color-text-default, #ffffff);
}
.purple-light .default-sign-rule[data-v-5e9675a5] .item-wrap .rule-item { font-family: Saira, sans-serif; color: var(--text-color-black-80);
}
.purple-light .default-footer-btn[data-v-5e9675a5] { 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-5e9675a5] { font-size: 0.875rem; font-weight: 700; --border-radius: 0.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-5e9675a5] { --background: var(--color-bg-300);
}
.amber-purple .item-money-text[data-v-5e9675a5] { color: var(--ep-color-text-default);
}
.amber-purple .default-sign-money[data-v-5e9675a5], .amber-purple .default-sign-day[data-v-5e9675a5] { border-radius: 0.625rem; font-size: 0.875rem; font-weight: 500; color: var(--sign-default-day-text-color);
}
.amber-purple .default-current-vip .vip-info[data-v-5e9675a5] { font-size: 0.75rem; font-weight: 500; color: var(--color-text-gray-100);
}
.amber-purple .default-current-vip .vip-info .vip-tips[data-v-5e9675a5] { font-size: 0.625rem; color: var(--color-text-gray-200);
}
.amber-purple .default-sign-date .date-box[data-v-5e9675a5] { border-radius: 0.375rem; background: var(--color-bg-200); border: 1px solid var(--line-color);
}
.amber-purple .default-sign-date .date-box .date-item[data-v-5e9675a5] { border-radius: 0.25rem; background: var(--color-bg-300);
}
.amber-purple .default-sign-date .date-box .date-item .date-item-day[data-v-5e9675a5] { font-size: 0.75rem; color: var(--color-text-gray-200);
}
.amber-purple .default-sign-date .date-box .date-item .date-item-money[data-v-5e9675a5] { font-size: 0.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-5e9675a5] { font-size: 0.625rem; color: var(--sign-default-day-text-color);
}
.amber-purple .default-sign-date .date-box .date-item .default-date-extra-reward[data-v-5e9675a5] { font-size: 0.5rem; color: var(--color-text-gray-200);
}
.amber-purple .default-sign-date .date-box .date-item .default-date-extra-reward .money[data-v-5e9675a5] { font-weight: 500; color: var(--sign-default-extra-reward);
}
.amber-purple .default-sign-date .date-box .default-available-item1[data-v-5e9675a5] { border-bottom: 1px solid var(--sing-default-available-before);
}
.amber-purple .default-sign-date .date-box .default-available-item2[data-v-5e9675a5]:before { background: var(--sing-default-available-before);
}
.amber-purple .default-sign-rule .default-sign-rule-content[data-v-5e9675a5] { font-size: 0.75rem; color: var(--color-text-gray-200);
}
.amber-purple .default-sign-rule[data-v-5e9675a5] .ruleHeader .span-cls { font-family: Saira, sans-serif; color: var(--ep-color-text-default, #ffffff);
}
.amber-purple .default-sign-rule[data-v-5e9675a5] .item-wrap .rule-item { font-family: Saira, sans-serif; color: var(--color-text-gray-200);
}
.amber-purple .default-footer-btn[data-v-5e9675a5] { 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-5e9675a5] { font-size: 0.875rem; font-weight: 700; --border-radius: 0.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-5e9675a5] { --background: var(--color-bg-400);
}
.blue-default .item-money-text[data-v-5e9675a5] { color: var(--ep-color-text-default);
}
.blue-default .default-sign-money[data-v-5e9675a5], .blue-default .default-sign-day[data-v-5e9675a5] { border-radius: 0.625rem; font-size: 0.875rem; font-weight: 500; color: var(--sign-default-day-text-color);
}
.blue-default .default-current-vip .vip-info[data-v-5e9675a5] { font-size: 0.75rem; font-weight: 500; color: var(--color-text-white-100);
}
.blue-default .default-current-vip .vip-info .vip-tips[data-v-5e9675a5] { font-size: 0.625rem; color: var(--text-color-white-40);
}
.blue-default .default-sign-date .date-box[data-v-5e9675a5] { border-radius: 0.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-5e9675a5] { border-radius: 0.25rem; background: var(--color-bg-400);
}
.blue-default .default-sign-date .date-box .date-item .date-item-day[data-v-5e9675a5] { font-size: 0.75rem; color: var(--text-color-white-40);
}
.blue-default .default-sign-date .date-box .date-item .date-item-money[data-v-5e9675a5] { font-size: 0.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-5e9675a5] { font-size: 0.625rem; color: var(--sign-default-day-text-color);
}
.blue-default .default-sign-date .date-box .date-item .default-date-extra-reward[data-v-5e9675a5] { font-size: 0.5rem; color: var(--text-color-white-40);
}
.blue-default .default-sign-date .date-box .date-item .default-date-extra-reward .money[data-v-5e9675a5] { font-weight: 500; color: var(--sign-default-extra-reward);
}
.blue-default .default-sign-date .date-box .default-available-item1[data-v-5e9675a5] { border-bottom: 1px solid var(--mlm-agent-team-text-color);
}
.blue-default .default-sign-date .date-box .default-available-item2[data-v-5e9675a5]:before { background: var(--sing-default-available-before);
}
.blue-default .default-sign-rule .default-sign-rule-content[data-v-5e9675a5] { font-size: 0.75rem; color: var(--text-color-white-40);
}
.blue-default .default-sign-rule[data-v-5e9675a5] .ruleHeader .span-cls { font-family: Saira, sans-serif; color: var(--ep-color-text-default, #ffffff);
}
.blue-default .default-sign-rule[data-v-5e9675a5] .item-wrap .rule-item { font-family: Saira, sans-serif; color: var(--text-color-white-40);
}
.blue-default .default-footer-btn[data-v-5e9675a5] { 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-5e9675a5] { font-size: 0.875rem; font-weight: 700; --border-radius: 0.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-5e9675a5] { --background: var(--color-bg-300);
}
.forest-green .item-money-text[data-v-5e9675a5] { color: var(--ep-color-text-default);
}
.forest-green .default-sign-money[data-v-5e9675a5], .forest-green .default-sign-day[data-v-5e9675a5] { border-radius: 0.625rem; font-size: 0.875rem; font-weight: 500; color: var(--sign-default-day-text-color);
}
.forest-green .default-current-vip .vip-info[data-v-5e9675a5] { font-size: 0.75rem; font-weight: 500; color: var(--color-text-white-100);
}
.forest-green .default-current-vip .vip-info .vip-tips[data-v-5e9675a5] { font-size: 0.625rem; color: var(--color-text-white-40);
}
.forest-green .default-sign-date .date-box[data-v-5e9675a5] { border-radius: 0.375rem; background: var(--color-bg-200); border: 1px solid var(--color-link);
}
.forest-green .default-sign-date .date-box .date-item[data-v-5e9675a5] { border-radius: 0.25rem; background: var(--color-bg-300);
}
.forest-green .default-sign-date .date-box .date-item .date-item-day[data-v-5e9675a5] { font-size: 0.75rem; color: var(--color-text-white-40);
}
.forest-green .default-sign-date .date-box .date-item .date-item-money[data-v-5e9675a5] { font-size: 0.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-5e9675a5] { font-size: 0.625rem; color: var(--color-bg-300);
}
.forest-green .default-sign-date .date-box .date-item .default-date-extra-reward[data-v-5e9675a5] { font-size: 0.5rem; color: var(--color-text-white-40);
}
.forest-green .default-sign-date .date-box .date-item .default-date-extra-reward .money[data-v-5e9675a5] { font-weight: 500; color: var(--sign-default-extra-reward);
}
.forest-green .default-sign-date .date-box .default-available-item1[data-v-5e9675a5] { border-bottom: 1px solid var(--mlm-agent-team-text-color);
}
.forest-green .default-sign-date .date-box .default-available-item2[data-v-5e9675a5]:before { background: var(--sing-default-available-before);
}
.forest-green .default-sign-rule .default-sign-rule-content[data-v-5e9675a5] { font-size: 0.75rem; color: var(--color-text-gray-200);
}
.forest-green .default-sign-rule[data-v-5e9675a5] .ruleHeader .span-cls { font-family: Saira, sans-serif; color: var(--ep-color-text-default, #ffffff);
}
.forest-green .default-sign-rule[data-v-5e9675a5] .item-wrap .rule-item { font-family: Saira, sans-serif; color: var(--color-text-gray-200);
}
.forest-green .default-footer-btn[data-v-5e9675a5] { 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-5e9675a5] { font-size: 0.875rem; font-weight: 700; --border-radius: 0.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-5e9675a5] { --background: var(--color-bg-300);
}
.green-default .item-money-text[data-v-5e9675a5] { color: var(--ep-color-text-default);
}
.green-default .default-sign-money[data-v-5e9675a5], .green-default .default-sign-day[data-v-5e9675a5] { border-radius: 0.625rem; font-size: 0.875rem; font-weight: 500; color: var(--sign-default-day-text-color);
}
.green-default .default-current-vip .vip-info[data-v-5e9675a5] { font-size: 0.75rem; font-weight: 500; color: var(--color-text-gray-100);
}
.green-default .default-current-vip .vip-info .vip-tips[data-v-5e9675a5] { font-size: 0.625rem; color: var(--color-text-white-40);
}
.green-default .default-sign-date .date-box[data-v-5e9675a5] { border-radius: 0.375rem; background: var(--color-bg-200); border: 1px solid var(--color-line);
}
.green-default .default-sign-date .date-box .date-item[data-v-5e9675a5] { border-radius: 0.25rem; background: var(--color-bg-300);
}
.green-default .default-sign-date .date-box .date-item .date-item-day[data-v-5e9675a5] { font-size: 0.75rem; color: var(--color-text-white-40);
}
.green-default .default-sign-date .date-box .date-item .date-item-money[data-v-5e9675a5] { font-size: 0.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-5e9675a5] { font-size: 0.625rem; color: var(--sign-default-day-text-color);
}
.green-default .default-sign-date .date-box .date-item .default-date-extra-reward[data-v-5e9675a5] { font-size: 0.5rem; color: var(--color-text-white-40);
}
.green-default .default-sign-date .date-box .date-item .default-date-extra-reward .money[data-v-5e9675a5] { font-weight: 500; color: var(--sign-default-extra-reward);
}
.green-default .default-sign-date .date-box .default-available-item1[data-v-5e9675a5] { border-bottom: 1px solid var(--mlm-agent-team-text-color);
}
.green-default .default-sign-date .date-box .default-available-item2[data-v-5e9675a5]:before { background: var(--sing-default-available-before);
}
.green-default .default-sign-rule .default-sign-rule-content[data-v-5e9675a5] { font-size: 0.75rem; color: var(--color-text-gray-200);
}
.green-default .default-sign-rule[data-v-5e9675a5] .ruleHeader .span-cls { font-family: Saira, sans-serif; color: var(--ep-color-text-default, #ffffff);
}
.green-default .default-sign-rule[data-v-5e9675a5] .item-wrap .rule-item { font-family: Saira, sans-serif; color: var(--color-text-gray-200);
}
.green-default .default-footer-btn[data-v-5e9675a5] { 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-5e9675a5] { font-size: 0.875rem; font-weight: 700; --border-radius: 0.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-5e9675a5] { --background: var(--ep-color-background-fill-body-default);
}
.new-skin-symbol .item-money-text[data-v-5e9675a5] { color: var(--ep-color-text-default);
}
.new-skin-symbol .default-sign-money[data-v-5e9675a5], .new-skin-symbol .default-sign-day[data-v-5e9675a5] { border-radius: 0.625rem; font-size: 0.875rem; font-weight: 500; color: var(--ep-color-text-highlight);
}
.new-skin-symbol .default-current-vip .vip-info[data-v-5e9675a5] { font-size: 0.75rem; font-weight: 500; color: var(--ep-color-text-default);
}
.new-skin-symbol .default-current-vip .vip-info .vip-tips[data-v-5e9675a5] { font-size: 0.625rem; color: var(--ep-color-text-weaker);
}
.new-skin-symbol .default-sign-date .date-box[data-v-5e9675a5] { border-radius: 0.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-5e9675a5] { border-radius: 0.25rem; background: var(--ep-color-background-fill-body-default);
}
.new-skin-symbol .default-sign-date .date-box .date-item .date-item-day[data-v-5e9675a5] { font-size: 0.75rem; color: var(--ep-color-text-weak);
}
.new-skin-symbol .default-sign-date .date-box .date-item .date-item-money[data-v-5e9675a5] { font-size: 0.625rem; font-weight: 500; color: var(--ep-color-text-default);
}
.new-skin-symbol .default-sign-date .date-box .date-item .date-item-money .date-item-money-icon[data-v-5e9675a5] { font-size: 0.625rem; color: var(--ep-color-icon-warning);
}
.new-skin-symbol .default-sign-date .date-box .date-item .default-date-extra-reward[data-v-5e9675a5] { font-size: 0.5rem; color: var(--ep-color-text-weaker);
}
.new-skin-symbol .default-sign-date .date-box .date-item .default-date-extra-reward .money[data-v-5e9675a5] { font-weight: 500; color: var(--ep-color-text-success);
}
.new-skin-symbol .default-sign-date .date-box .default-available-item1[data-v-5e9675a5] { border-bottom: 1px solid var(--ep-color-icon-success);
}
.new-skin-symbol .default-sign-date .date-box .default-available-item2[data-v-5e9675a5]:before { background: var(--ep-color-text-success);
}
.new-skin-symbol .default-sign-rule .default-sign-rule-content[data-v-5e9675a5] { font-size: 0.75rem; color: var(--ep-color-text-weaker);
}
.new-skin-symbol .default-sign-rule[data-v-5e9675a5] .ruleHeader .span-cls { font-family: Saira, sans-serif; color: var(--ep-color-text-default, #ffffff);
}
.new-skin-symbol .default-sign-rule[data-v-5e9675a5] .item-wrap .rule-item { font-family: Saira, sans-serif; color: var(--ep-color-text-weaker);
}
.new-skin-symbol .default-footer-btn[data-v-5e9675a5] { 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-5e9675a5] { font-size: 0.875rem; font-weight: 700; --border-radius: 0.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-5e9675a5] { font-family: Saira !important;
}
.new-skin-symbol .default-sing-top[data-v-5e9675a5] { 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-5e9675a5], .new-skin-symbol .default-sign-day[data-v-5e9675a5] { 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: 0.5693rem 0.875rem 0.5557rem; box-shadow: 0 1px rgba(255, 255, 255, 0.18) inset; background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.19)); border: 1px solid var(--ep-color-border-default);
}
.new-skin-symbol .default-sing-img[data-v-5e9675a5] { margin: 0 1rem 0 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-5e9675a5] { 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-5e9675a5] { font-size: var(--ep-font-size-xs); line-height: 0.9375rem;
}
.new-skin-symbol .default-sign-date[data-v-5e9675a5] { padding: 1rem 0.75rem 0;
}
.new-skin-symbol .default-sign-date .date-box[data-v-5e9675a5] { padding: 1rem 0.625rem 0.5rem; border-radius: var(--ep-border-radius-m);
}
.new-skin-symbol .default-sign-date .date-box .date-item[data-v-5e9675a5] { flex-direction: column; min-width: 5rem; min-height: 5rem; margin: 0 0.48rem 0.5rem 0; border-radius: var(--ep-border-radius-s); box-shadow: 0 1px rgba(255, 255, 255, 0.15) inset;
}
.new-skin-symbol .default-sign-date .date-box .date-item .date-item-day[data-v-5e9675a5] { 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-5e9675a5] { font-size: var(--ep-font-size-xs); line-height: 0.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-5e9675a5] { font-size: var(--ep-font-size-xs);
}
.new-skin-symbol .default-sign-date .date-box .date-item .default-date-extra-reward[data-v-5e9675a5] { font-size: var(--ep-values-8); line-height: 0.5rem;
}
.new-skin-symbol .default-sign-date .date-box .date-item .default-date-extra-reward .money[data-v-5e9675a5] { font-weight: var(--ep-font-weight-medium);
}
.new-skin-symbol .default-sign-date .date-box .default-claimed-item[data-v-5e9675a5] { opacity: 0.4;
}
.new-skin-symbol .default-sign-date .date-box .default-available-item1[data-v-5e9675a5] { box-shadow: none;
}
.new-skin-symbol .default-sign-date .date-box .default-available-item2[data-v-5e9675a5] { background: transparent; overflow: hidden; z-index: 1;
}
.new-skin-symbol .default-sign-date .date-box .default-available-item2[data-v-5e9675a5]:before { content: ''; position: absolute; width: 100%; height: 0.625rem; opacity: 0.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-5e9675a5] { width: 1.5rem; height: 1rem; transform: translate(-50%);
}
.new-skin-symbol .default-sign-date .date-box .date-item[data-v-5e9675a5]:nth-child(4), .new-skin-symbol .default-sign-date .date-box .date-item[data-v-5e9675a5]:nth-child(4n) { margin-right: 0;
}
.new-skin-symbol .default-sign-rule[data-v-5e9675a5] { padding: 0.8506rem 1.25rem 5.625rem 0.75rem;
}
.new-skin-symbol .default-sign-rule .default-sign-rule-content[data-v-5e9675a5] { font-size: var(--ep-font-size-s); line-height: 1.125rem;
}
.new-skin-symbol .default-footer-btn[data-v-5e9675a5] { padding: 0.9375rem 0.875rem;
}
.new-skin-symbol .default-footer-btn ion-button.default-sign-available-btn[data-v-5e9675a5] { 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-5e9675a5] { display: flex; align-items: center; justify-content: center;
}
.new-skin-symbol .default-sign-money[data-v-5e9675a5], .new-skin-symbol .default-sign-day[data-v-5e9675a5] { background-color: var(--ep-color-background-fill-surface-raised-L1);
}

.activity-banner[data-v-5e9675a5] { width: 100%; display: block;
}
section[data-v-5e9675a5] { padding-bottom: calc(6rem + env(safe-area-inset-bottom));
}
button.date-item[data-v-5e9675a5] { font: inherit; color: inherit; border: 0;
}
.default-current-vip[data-v-5e9675a5] { min-height: 3rem;
}

.sign-day[data-v-818e4927] { margin-top: 1rem; padding: 0.75rem; border: 1px solid var(--line-color); border-radius: 0.625rem;
}

.share-link[data-v-cb19f6c8] { align-self: center; min-width: 0; overflow-wrap: anywhere;
}
.cashback-reward[data-v-cb19f6c8] { margin: 1rem 0;
}

.share-link[data-v-6dd313b0] { align-self: center; min-width: 0; overflow-wrap: anywhere;
}

.activity-description[data-v-3ad4aea2] { margin-top: 1.25rem; white-space: pre-line; overflow-wrap: anywhere; font-size: 0.875rem; color: var(--ep-color-text-default, var(--color-custom-text));
}

.activity-detail[data-v-67f3f332] { --padding-top: 1rem; --padding-bottom: calc(1rem + env(safe-area-inset-bottom)); --padding-start: 1rem; --padding-end: 1rem;
}
.activity-banner[data-v-67f3f332] { display: block; width: 100%; height: auto; border-radius: 0.625rem; margin-bottom: 1rem;
}
.loading[data-v-67f3f332], .empty[data-v-67f3f332] { display: flex; justify-content: center; padding: 3rem 0; color: var(--color-text-40);
}
.activity-detail[data-v-67f3f332] .activity-table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: 0.875rem;
}
.activity-detail[data-v-67f3f332] .activity-table th, .activity-detail[data-v-67f3f332] .activity-table td { padding: 0.625rem 0.25rem; border-bottom: 1px solid var(--line-color); text-align: center;
}
.activity-detail[data-v-67f3f332] .activity-summary { display: flex; justify-content: space-between; gap: 0.75rem; margin: 0.75rem 0;
}

.btn-history[data-v-a5067628] { height: 1.875rem; padding-top: 0.375rem; margin-right: 1rem; border-radius: var(--ep-border-radius-m, 0.3125rem);
}
.btn-history ion-icon[data-v-a5067628] { font-size: var(--ep-font-size-xl, 1.125rem); color: var(--color-link);
}
ion-content[data-v-a5067628] { --padding-top: 1rem; --padding-bottom: 1rem; --padding-start: 1rem; --padding-end: 1rem;
}
ion-item[data-v-a5067628] { --background: transparent; --border-color: var(--ep-color-border-default, var(--color-line));
}
ion-segment[data-v-a5067628] { --background: transparent; border-radius: 0; display: flex; justify-content: left;
}
ion-segment-button.segment-button-disabled[data-v-a5067628] { opacity: 1;
}
ion-segment-button.ios[data-v-a5067628] { --border-radius: 0.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: 0.5rem 0.375rem 0.5rem 0;
}
ion-segment-button.ios ion-icon[data-v-a5067628] { width: 2.25rem; height: 2.25rem;
}
ion-segment-button.ios[data-v-a5067628]::part(native) { max-width: 2.25rem;
}
ion-button.copy[data-v-a5067628]::part(native) { --padding-top: 0; --padding-bottom: 0; --padding-start: 0; --padding-end: 0;
}
.content-item[data-v-a5067628] { 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-a5067628] { width: 100%;
}
.share .share-url[data-v-a5067628] { width: 100%; display: flex; align-items: center; justify-content: space-between;
}
.share .share-url .url-title[data-v-a5067628] { color: var(--textbg-dark-white-40, var(--color-text-80)); font-size: var(--ep-font-size-s, 0.75rem); line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.share .share-url .url-title .url-link[data-v-a5067628] { color: var(--ep-color-text-info, var(--color-link));
}
.share .social-media[data-v-a5067628] { width: 100%;
}
.share .social-media .warpper[data-v-a5067628] { width: 100%; margin-top: 0.5rem; display: flex; align-items: center; justify-content: space-between;
}
.share .social-media .warpper .title[data-v-a5067628] { font-size: var(--ep-font-size-s, 0.75rem); line-height: 1.5; color: var(--ep-color-text-default, var(--color-text-80));
}
.share .social-media .warpper .reward-text[data-v-a5067628] { display: flex; align-items: center;
}
.share .social-media .warpper .reward-text span[data-v-a5067628] { font-size: var(--ep-font-size-s, 0.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-a5067628] { width: 100%;
}
.share .details .content[data-v-a5067628] { 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, 0.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-a5067628] { max-width: 15.625rem;
}
.share .details .content .bet-register-count .count-text[data-v-a5067628] { color: var(--ep-color-text-success, var(--color-link));
}
.share .details .content .bet-register-count .valid-text[data-v-a5067628] { color: var(--ep-color-text-default, var(--color-text-100));
}
.share .details .content .btn-details[data-v-a5067628] { color: var(--ep-color-text-info, var(--color-link)); font-size: var(--ep-font-size-s, 0.75rem); line-height: 1.5; font-weight: var(--ep-font-weight-regular, var(--font-weight-regular));
}
.share .details .btn-claim[data-v-a5067628] { width: 100%; margin-bottom: 1.25rem;
}
.validCondition-list[data-v-a5067628] { width: 100%; height: auto;
}
.validCondition-list .title[data-v-a5067628] { font-size: var(--ep-font-size-s, 0.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-a5067628] { font-size: var(--ep-font-size-s, 0.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-a5067628] { font-size: var(--ep-font-size-s, 0.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-a5067628] { width: 100%; height: auto;
}
.validCondition .title[data-v-a5067628] { width: 100%; text-align: left; margin-top: 0.25rem; margin-bottom: 0.25rem;
}
.validCondition .title p[data-v-a5067628] { font-size: var(--ep-font-size-s, 0.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-a5067628]:last-child { --border-color: transparent;
}
.copy[data-v-a5067628], .more[data-v-a5067628] { --color: var(--ep-color-text-default, var(--color-text-100));
}
.copy .icon[data-v-a5067628] { margin-left: 0.75rem; margin-right: 0.75rem; font-size: 1.75rem; color: var(--color-copy-button);
}
.condition[data-v-a5067628] { width: 100%; display: flex; align-items: center; justify-content: space-between; text-align: center; font-size: 0.75rem;
}
.condition-item[data-v-a5067628] { width: 100%; padding: 0.25rem 0; display: flex; align-items: center; justify-content: space-between; text-align: center; font-size: 0.75rem;
}
.condition-item .condition-name[data-v-a5067628] { width: 16.25rem; text-align: left; font-size: var(--ep-font-size-m, 0.75rem); color: var(--ep-color-text-default, var(--color-agent-text));
}
.condition-item .condition-text[data-v-a5067628] { font-weight: var(--ep-font-weight-bold, var(--font-weight-bold)); text-align: right; font-size: var(--ep-font-size-s, 0.75rem); color: var(--ep-color-text-info, var(--color-link));
}
.redPacketGet[data-v-a5067628] { animation-name: redPacketShake-a5067628; animation-duration: 1s; animation-iteration-count: infinite;
}
.arrow_icon[data-v-a5067628] { position: absolute; top: 2rem; right: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; color: var(--ep-color-text-default, var(--color-agent-text));
}
.i8n-box[data-v-a5067628] { width: 4.25rem; margin-top: 0.625rem; margin-bottom: 0.625rem; white-space: normal; text-align: center; font-size: 0.65rem; line-height: 0.9rem; color: var(--ep-color-text-default, var(--color-agent-text));
}
.i8n-box span[data-v-a5067628] { color: var(--ep-color-text-warning, var(--color-currency));
}
@keyframes redPacketShake-a5067628 {
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-a5067628] { width: 100%; padding: 0.625rem; display: flex; flex-wrap: wrap; justify-content: space-between;
}
.reward-box .real-item[data-v-a5067628] { position: relative;
}
.reward-item[data-v-a5067628] { width: 25%;
}
.text-position[data-v-a5067628] { width: 4rem; position: absolute; top: 2.5625rem; left: 2.1rem; font-size: 0.6875rem; line-height: 0.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-a5067628]:nth-child(4), .reward-item[data-v-a5067628]:nth-child(4n) { width: 20%;
}
.rule-text[data-v-a5067628] { font-size: var(--ep-font-size-s, 0.75rem); line-height: 1.5; font-weight: var(--ep-font-weight-regular, var(--font-weight-regular)); padding: 0.625rem;
}
.rule-text[data-v-a5067628] .ruleHeader { justify-content: start; margin-bottom: 1rem;
}
.rule-text[data-v-a5067628] .ruleHeader .span-cls { font-size: 1rem; margin: 0;
}
.rule-text[data-v-a5067628] .item-wrap { padding: 0 0 0 0.375rem; color: var(--ep-color-text-weaker, var(--color-agent-text));
}
.new-skin-symbol .btn-history ion-icon[data-v-a5067628] { color: var(--ep-color-icon-default);
}
.new-skin-symbol .share .share-url .url-title[data-v-a5067628] { color: var(--ep-color-text-default);
}
.new-skin-symbol .share .copy .icon[data-v-a5067628] { color: var(--ep-color-icon-default);
}

.empty-illustration[data-v-de3f2b22] {
        color: red;
}

div.empty-search[data-v-de3f2b22] {
        background: url('/images/skins/first/svg/empty/search_bg.svg') no-repeat center;
}
.empty-svg[data-v-de3f2b22] {
        color: var(--empty-icon-color);
}
.blue-default-empty .empty-svg[data-v-de3f2b22] {
        color: #101629;
}
.green-default-empty .empty-svg[data-v-de3f2b22] {
        color: #274116;
}
.green-dark-empty .empty-svg[data-v-de3f2b22],
    .yellow-dark-empty .empty-svg[data-v-de3f2b22] {
        color: #262624;
}
.purple-light-empty .empty-svg[data-v-de3f2b22] {
        color: #ccb2ff;
}
.amber-purple-empty .empty-svg[data-v-de3f2b22] {
        color: #7a3fe8;
}
.new-skin-symbol .empty-svg[data-v-de3f2b22] {
        color: var(--ep-color-text-weakest);
        font-size: 3rem;
}
.new-skin-symbol ion-label[data-v-de3f2b22] {
        color: var(--ep-color-text-weakest);
        font-size: var(--ep-font-size-l);
        font-weight: var(--ep-font-weight-regular);
        white-space: nowrap;
}

.referral-rewards-new-detail[data-v-1fb5e16c] { --padding-top: 0.75rem; --padding-start: 0.75rem; --padding-end: 0.75rem; --padding-bottom: calc(0.75rem + env(safe-area-inset-bottom));
}
.new-skin-symbol .query-date-input[data-v-1fb5e16c] { width: 22.875rem; height: 3.75rem; margin: 0 auto;
}
.new-skin-symbol .header-table[data-v-1fb5e16c] { 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, 0.375rem) var(--ep-border-radius-m, 0.375rem) 0 0; padding: 0 0.75rem; display: flex; align-items: center; justify-content: space-between;
}
.new-skin-symbol .header-table li .title[data-v-1fb5e16c] { display: inline-block; width: 100%; line-height: 1.2; vertical-align: middle;
}
.new-skin-symbol .header-table .item[data-v-1fb5e16c]:nth-child(1) { width: 5.3125rem;
}
.new-skin-symbol .header-table .item[data-v-1fb5e16c]:nth-child(2) { width: 4.6875rem;
}
.new-skin-symbol .header-table .item[data-v-1fb5e16c]:nth-child(3) { width: 4.375rem;
}
.new-skin-symbol .header-table .item[data-v-1fb5e16c]:nth-child(4) { width: 4.6875rem;
}
.new-skin-symbol .header-table .item[data-v-1fb5e16c]:nth-child(5) { width: 4.375rem;
}
.new-skin-symbol .record-list li[data-v-1fb5e16c] { display: flex; align-items: center; justify-content: space-between; text-align: center; font-size: var(--ep-font-size-s, 0.75rem); color: var(--ep-color-text-default); line-height: 2.875rem; min-height: 2.875rem;
}
.new-skin-symbol .record-list li .item[data-v-1fb5e16c]:nth-child(1) { width: 5.3125rem;
}
.new-skin-symbol .record-list li .item[data-v-1fb5e16c]:nth-child(2) { width: 4.6875rem;
}
.new-skin-symbol .record-list li .item[data-v-1fb5e16c]:nth-child(3) { width: 4.375rem;
}
.new-skin-symbol .record-list li .item[data-v-1fb5e16c]:nth-child(4) { width: 4.6875rem;
}
.new-skin-symbol .record-list li .item[data-v-1fb5e16c]:nth-child(5) { width: 4.375rem;
}
.new-skin-symbol .record-list li .amount[data-v-1fb5e16c] { 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-1fb5e16c] { 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-1fb5e16c] { line-height: 1.25rem;
}
.new-skin-symbol .record-list li .item[data-v-1fb5e16c]:nth-child(2) { word-break: break-all; line-height: 1.25rem;
}
.new-skin-symbol .record-list li[data-v-1fb5e16c]:nth-child(2n) { background: var(--ep-color-background-fill-surface-lowered);
}
.new-skin-symbol .record-list li .register-time[data-v-1fb5e16c] { display: inline-block; width: 100%; line-height: 1.2; vertical-align: middle;
}
.yellow-dark .query-date-input[data-v-1fb5e16c], .green-dark .query-date-input[data-v-1fb5e16c] { width: 22.875rem; height: 3.75rem; margin: 0 auto;
}
.yellow-dark .header-table[data-v-1fb5e16c], .green-dark .header-table[data-v-1fb5e16c] { 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, 0.375rem) var(--ep-border-radius-m, 0.375rem) 0 0; padding: 0 0.75rem; display: flex; align-items: center; justify-content: space-between;
}
.yellow-dark .header-table li .title[data-v-1fb5e16c], .green-dark .header-table li .title[data-v-1fb5e16c] { display: inline-block; width: 100%; line-height: 1.2; vertical-align: middle;
}
.yellow-dark .header-table .item[data-v-1fb5e16c]:nth-child(1), .green-dark .header-table .item[data-v-1fb5e16c]:nth-child(1) { width: 5.3125rem;
}
.yellow-dark .header-table .item[data-v-1fb5e16c]:nth-child(2), .green-dark .header-table .item[data-v-1fb5e16c]:nth-child(2) { width: 4.6875rem;
}
.yellow-dark .header-table .item[data-v-1fb5e16c]:nth-child(3), .green-dark .header-table .item[data-v-1fb5e16c]:nth-child(3) { width: 4.375rem;
}
.yellow-dark .header-table .item[data-v-1fb5e16c]:nth-child(4), .green-dark .header-table .item[data-v-1fb5e16c]:nth-child(4) { width: 4.6875rem;
}
.yellow-dark .header-table .item[data-v-1fb5e16c]:nth-child(5), .green-dark .header-table .item[data-v-1fb5e16c]:nth-child(5) { width: 4.375rem;
}
.yellow-dark .record-list li[data-v-1fb5e16c], .green-dark .record-list li[data-v-1fb5e16c] { display: flex; align-items: center; justify-content: space-between; text-align: center; font-size: var(--ep-font-size-s, 0.75rem); color: var(--color-text-100); line-height: 2.875rem; min-height: 2.875rem;
}
.yellow-dark .record-list li .item[data-v-1fb5e16c]:nth-child(1), .green-dark .record-list li .item[data-v-1fb5e16c]:nth-child(1) { width: 5.3125rem;
}
.yellow-dark .record-list li .item[data-v-1fb5e16c]:nth-child(2), .green-dark .record-list li .item[data-v-1fb5e16c]:nth-child(2) { width: 4.6875rem;
}
.yellow-dark .record-list li .item[data-v-1fb5e16c]:nth-child(3), .green-dark .record-list li .item[data-v-1fb5e16c]:nth-child(3) { width: 4.375rem;
}
.yellow-dark .record-list li .item[data-v-1fb5e16c]:nth-child(4), .green-dark .record-list li .item[data-v-1fb5e16c]:nth-child(4) { width: 4.6875rem;
}
.yellow-dark .record-list li .item[data-v-1fb5e16c]:nth-child(5), .green-dark .record-list li .item[data-v-1fb5e16c]:nth-child(5) { width: 4.375rem;
}
.yellow-dark .record-list li .amount[data-v-1fb5e16c], .green-dark .record-list li .amount[data-v-1fb5e16c] { color: var(--accent-color-orange); font-weight: var(--ep-font-weight-bold, 700);
}
.yellow-dark .record-list li .amount-item p[data-v-1fb5e16c], .green-dark .record-list li .amount-item p[data-v-1fb5e16c] { 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-1fb5e16c], .green-dark .record-list li .text-item p[data-v-1fb5e16c] { line-height: 1.25rem;
}
.yellow-dark .record-list li .item[data-v-1fb5e16c]:nth-child(2), .green-dark .record-list li .item[data-v-1fb5e16c]:nth-child(2) { word-break: break-all; line-height: 1.25rem;
}
.yellow-dark .record-list li[data-v-1fb5e16c]:nth-child(2n), .green-dark .record-list li[data-v-1fb5e16c]:nth-child(2n) { background: var(--color-bg-400);
}
.yellow-dark .record-list li .register-time[data-v-1fb5e16c], .green-dark .record-list li .register-time[data-v-1fb5e16c] { display: inline-block; width: 100%; line-height: 1.2; vertical-align: middle;
}
.purple-light .query-date-input[data-v-1fb5e16c] { width: 22.875rem; height: 3.75rem; margin: 0 auto;
}
.purple-light .header-table[data-v-1fb5e16c] { 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, 0.375rem) var(--ep-border-radius-m, 0.375rem) 0 0; padding: 0 0.75rem; display: flex; align-items: center; justify-content: space-between;
}
.purple-light .header-table li .title[data-v-1fb5e16c] { display: inline-block; width: 100%; line-height: 1.2; vertical-align: middle;
}
.purple-light .header-table .item[data-v-1fb5e16c]:nth-child(1) { width: 5.3125rem;
}
.purple-light .header-table .item[data-v-1fb5e16c]:nth-child(2) { width: 4.6875rem;
}
.purple-light .header-table .item[data-v-1fb5e16c]:nth-child(3) { width: 4.375rem;
}
.purple-light .header-table .item[data-v-1fb5e16c]:nth-child(4) { width: 4.6875rem;
}
.purple-light .header-table .item[data-v-1fb5e16c]:nth-child(5) { width: 4.375rem;
}
.purple-light .record-list li[data-v-1fb5e16c] { display: flex; align-items: center; justify-content: space-between; text-align: center; font-size: var(--ep-font-size-s, 0.75rem); color: var(--color-text-100); line-height: 2.875rem; min-height: 2.875rem;
}
.purple-light .record-list li .item[data-v-1fb5e16c]:nth-child(1) { width: 5.3125rem;
}
.purple-light .record-list li .item[data-v-1fb5e16c]:nth-child(2) { width: 4.6875rem;
}
.purple-light .record-list li .item[data-v-1fb5e16c]:nth-child(3) { width: 4.375rem;
}
.purple-light .record-list li .item[data-v-1fb5e16c]:nth-child(4) { width: 4.6875rem;
}
.purple-light .record-list li .item[data-v-1fb5e16c]:nth-child(5) { width: 4.375rem;
}
.purple-light .record-list li .amount[data-v-1fb5e16c] { color: var(--accent-color-orange); font-weight: var(--ep-font-weight-bold, 700);
}
.purple-light .record-list li .amount-item p[data-v-1fb5e16c] { 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-1fb5e16c] { line-height: 1.25rem;
}
.purple-light .record-list li .item[data-v-1fb5e16c]:nth-child(2) { word-break: break-all; line-height: 1.25rem;
}
.purple-light .record-list li[data-v-1fb5e16c]:nth-child(2n) { background: var(--color-bg-400);
}
.purple-light .record-list li .register-time[data-v-1fb5e16c] { display: inline-block; width: 100%; line-height: 1.2; vertical-align: middle;
}
.auroral-yellow .query-date-input[data-v-1fb5e16c] { width: 22.875rem; height: 3.75rem; margin: 0 auto;
}
.auroral-yellow .header-table[data-v-1fb5e16c] { 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, 0.375rem) var(--ep-border-radius-m, 0.375rem) 0 0; padding: 0 0.75rem; display: flex; align-items: center; justify-content: space-between;
}
.auroral-yellow .header-table li .title[data-v-1fb5e16c] { display: inline-block; width: 100%; line-height: 1.2; vertical-align: middle;
}
.auroral-yellow .header-table .item[data-v-1fb5e16c]:nth-child(1) { width: 5.3125rem;
}
.auroral-yellow .header-table .item[data-v-1fb5e16c]:nth-child(2) { width: 4.6875rem;
}
.auroral-yellow .header-table .item[data-v-1fb5e16c]:nth-child(3) { width: 4.375rem;
}
.auroral-yellow .header-table .item[data-v-1fb5e16c]:nth-child(4) { width: 4.6875rem;
}
.auroral-yellow .header-table .item[data-v-1fb5e16c]:nth-child(5) { width: 4.375rem;
}
.auroral-yellow .record-list li[data-v-1fb5e16c] { display: flex; align-items: center; justify-content: space-between; text-align: center; font-size: var(--ep-font-size-s, 0.75rem); color: var(--color-text-80); line-height: 2.875rem; min-height: 2.875rem;
}
.auroral-yellow .record-list li .item[data-v-1fb5e16c]:nth-child(1) { width: 5.3125rem;
}
.auroral-yellow .record-list li .item[data-v-1fb5e16c]:nth-child(2) { width: 4.6875rem;
}
.auroral-yellow .record-list li .item[data-v-1fb5e16c]:nth-child(3) { width: 4.375rem;
}
.auroral-yellow .record-list li .item[data-v-1fb5e16c]:nth-child(4) { width: 4.6875rem;
}
.auroral-yellow .record-list li .item[data-v-1fb5e16c]:nth-child(5) { width: 4.375rem;
}
.auroral-yellow .record-list li .amount[data-v-1fb5e16c] { color: var(--theme-color-800); font-weight: var(--ep-font-weight-bold, 700);
}
.auroral-yellow .record-list li .amount-item p[data-v-1fb5e16c] { 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-1fb5e16c] { line-height: 1.25rem;
}
.auroral-yellow .record-list li .item[data-v-1fb5e16c]:nth-child(2) { word-break: break-all; line-height: 1.25rem;
}
.auroral-yellow .record-list li[data-v-1fb5e16c]:nth-child(2n) { background: var(--color-bg-400);
}
.auroral-yellow .record-list li .register-time[data-v-1fb5e16c] { display: inline-block; width: 100%; line-height: 1.2; vertical-align: middle;
}
.forest-green .query-date-input[data-v-1fb5e16c] { width: 22.875rem; height: 3.75rem; margin: 0 auto;
}
.forest-green .header-table[data-v-1fb5e16c] { 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, 0.375rem) var(--ep-border-radius-m, 0.375rem) 0 0; padding: 0 0.75rem; display: flex; align-items: center; justify-content: space-between;
}
.forest-green .header-table li .title[data-v-1fb5e16c] { display: inline-block; width: 100%; line-height: 1.2; vertical-align: middle;
}
.forest-green .header-table .item[data-v-1fb5e16c]:nth-child(1) { width: 5.3125rem;
}
.forest-green .header-table .item[data-v-1fb5e16c]:nth-child(2) { width: 4.6875rem;
}
.forest-green .header-table .item[data-v-1fb5e16c]:nth-child(3) { width: 4.375rem;
}
.forest-green .header-table .item[data-v-1fb5e16c]:nth-child(4) { width: 4.6875rem;
}
.forest-green .header-table .item[data-v-1fb5e16c]:nth-child(5) { width: 4.375rem;
}
.forest-green .record-list li[data-v-1fb5e16c] { display: flex; align-items: center; justify-content: space-between; text-align: center; font-size: var(--ep-font-size-s, 0.75rem); color: var(--color-text-80); line-height: 2.875rem; min-height: 2.875rem;
}
.forest-green .record-list li .item[data-v-1fb5e16c]:nth-child(1) { width: 5.3125rem;
}
.forest-green .record-list li .item[data-v-1fb5e16c]:nth-child(2) { width: 4.6875rem;
}
.forest-green .record-list li .item[data-v-1fb5e16c]:nth-child(3) { width: 4.375rem;
}
.forest-green .record-list li .item[data-v-1fb5e16c]:nth-child(4) { width: 4.6875rem;
}
.forest-green .record-list li .item[data-v-1fb5e16c]:nth-child(5) { width: 4.375rem;
}
.forest-green .record-list li .amount[data-v-1fb5e16c] { color: var(--theme-color-800); font-weight: var(--ep-font-weight-bold, 700);
}
.forest-green .record-list li .amount-item p[data-v-1fb5e16c] { 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-1fb5e16c] { line-height: 1.25rem;
}
.forest-green .record-list li .item[data-v-1fb5e16c]:nth-child(2) { word-break: break-all; line-height: 1.25rem;
}
.forest-green .record-list li[data-v-1fb5e16c]:nth-child(2n) { background: var(--color-bg-400);
}
.forest-green .record-list li .register-time[data-v-1fb5e16c] { display: inline-block; width: 100%; line-height: 1.2; vertical-align: middle;
}
.amber-purple .query-date-input[data-v-1fb5e16c] { width: 22.875rem; height: 3.75rem; margin: 0 auto;
}
.amber-purple .header-table[data-v-1fb5e16c] { 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, 0.375rem) var(--ep-border-radius-m, 0.375rem) 0 0; padding: 0 0.75rem; display: flex; align-items: center; justify-content: space-between;
}
.amber-purple .header-table li .title[data-v-1fb5e16c] { display: inline-block; width: 100%; line-height: 1.2; vertical-align: middle;
}
.amber-purple .header-table .item[data-v-1fb5e16c]:nth-child(1) { width: 5.3125rem;
}
.amber-purple .header-table .item[data-v-1fb5e16c]:nth-child(2) { width: 4.6875rem;
}
.amber-purple .header-table .item[data-v-1fb5e16c]:nth-child(3) { width: 4.375rem;
}
.amber-purple .header-table .item[data-v-1fb5e16c]:nth-child(4) { width: 4.6875rem;
}
.amber-purple .header-table .item[data-v-1fb5e16c]:nth-child(5) { width: 4.375rem;
}
.amber-purple .record-list li[data-v-1fb5e16c] { display: flex; align-items: center; justify-content: space-between; text-align: center; font-size: var(--ep-font-size-s, 0.75rem); color: var(--text-color-light-purple-2-100); line-height: 2.875rem; min-height: 2.875rem;
}
.amber-purple .record-list li .item[data-v-1fb5e16c]:nth-child(1) { width: 5.3125rem;
}
.amber-purple .record-list li .item[data-v-1fb5e16c]:nth-child(2) { width: 4.6875rem;
}
.amber-purple .record-list li .item[data-v-1fb5e16c]:nth-child(3) { width: 4.375rem;
}
.amber-purple .record-list li .item[data-v-1fb5e16c]:nth-child(4) { width: 4.6875rem;
}
.amber-purple .record-list li .item[data-v-1fb5e16c]:nth-child(5) { width: 4.375rem;
}
.amber-purple .record-list li .amount[data-v-1fb5e16c] { color: var(--accent-color-orange); font-weight: var(--ep-font-weight-bold, 700);
}
.amber-purple .record-list li .amount-item p[data-v-1fb5e16c] { 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-1fb5e16c] { line-height: 1.25rem;
}
.amber-purple .record-list li .item[data-v-1fb5e16c]:nth-child(2) { word-break: break-all; line-height: 1.25rem;
}
.amber-purple .record-list li[data-v-1fb5e16c]:nth-child(2n) { background: var(--color-bg-400);
}
.amber-purple .record-list li .register-time[data-v-1fb5e16c] { display: inline-block; width: 100%; line-height: 1.2; vertical-align: middle;
}
.blue-default .query-date-input[data-v-1fb5e16c], .green-default .query-date-input[data-v-1fb5e16c] { width: 22.875rem; height: 3.75rem; margin: 0 auto;
}
.blue-default .header-table[data-v-1fb5e16c], .green-default .header-table[data-v-1fb5e16c] { 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, 0.375rem) var(--ep-border-radius-m, 0.375rem) 0 0; padding: 0 0.75rem; display: flex; align-items: center; justify-content: space-between;
}
.blue-default .header-table li .title[data-v-1fb5e16c], .green-default .header-table li .title[data-v-1fb5e16c] { display: inline-block; width: 100%; line-height: 1.2; vertical-align: middle;
}
.blue-default .header-table .item[data-v-1fb5e16c]:nth-child(1), .green-default .header-table .item[data-v-1fb5e16c]:nth-child(1) { width: 5.3125rem;
}
.blue-default .header-table .item[data-v-1fb5e16c]:nth-child(2), .green-default .header-table .item[data-v-1fb5e16c]:nth-child(2) { width: 4.6875rem;
}
.blue-default .header-table .item[data-v-1fb5e16c]:nth-child(3), .green-default .header-table .item[data-v-1fb5e16c]:nth-child(3) { width: 4.375rem;
}
.blue-default .header-table .item[data-v-1fb5e16c]:nth-child(4), .green-default .header-table .item[data-v-1fb5e16c]:nth-child(4) { width: 4.6875rem;
}
.blue-default .header-table .item[data-v-1fb5e16c]:nth-child(5), .green-default .header-table .item[data-v-1fb5e16c]:nth-child(5) { width: 4.375rem;
}
.blue-default .record-list li[data-v-1fb5e16c], .green-default .record-list li[data-v-1fb5e16c] { display: flex; align-items: center; justify-content: space-between; text-align: center; font-size: var(--ep-font-size-s, 0.75rem); color: var(--color-text-80); line-height: 2.875rem; min-height: 2.875rem;
}
.blue-default .record-list li .item[data-v-1fb5e16c]:nth-child(1), .green-default .record-list li .item[data-v-1fb5e16c]:nth-child(1) { width: 5.3125rem;
}
.blue-default .record-list li .item[data-v-1fb5e16c]:nth-child(2), .green-default .record-list li .item[data-v-1fb5e16c]:nth-child(2) { width: 4.6875rem;
}
.blue-default .record-list li .item[data-v-1fb5e16c]:nth-child(3), .green-default .record-list li .item[data-v-1fb5e16c]:nth-child(3) { width: 4.375rem;
}
.blue-default .record-list li .item[data-v-1fb5e16c]:nth-child(4), .green-default .record-list li .item[data-v-1fb5e16c]:nth-child(4) { width: 4.6875rem;
}
.blue-default .record-list li .item[data-v-1fb5e16c]:nth-child(5), .green-default .record-list li .item[data-v-1fb5e16c]:nth-child(5) { width: 4.375rem;
}
.blue-default .record-list li .amount[data-v-1fb5e16c], .green-default .record-list li .amount[data-v-1fb5e16c] { color: var(--accent-color-orange); font-weight: var(--ep-font-weight-bold, 700);
}
.blue-default .record-list li .amount-item p[data-v-1fb5e16c], .green-default .record-list li .amount-item p[data-v-1fb5e16c] { 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-1fb5e16c], .green-default .record-list li .text-item p[data-v-1fb5e16c] { line-height: 1.25rem;
}
.blue-default .record-list li .item[data-v-1fb5e16c]:nth-child(2), .green-default .record-list li .item[data-v-1fb5e16c]:nth-child(2) { word-break: break-all; line-height: 1.25rem;
}
.blue-default .record-list li[data-v-1fb5e16c]:nth-child(2n), .green-default .record-list li[data-v-1fb5e16c]:nth-child(2n) { background: var(--color-bg-400);
}
.blue-default .record-list li .register-time[data-v-1fb5e16c], .green-default .record-list li .register-time[data-v-1fb5e16c] { display: inline-block; width: 100%; line-height: 1.2; vertical-align: middle;
}
    /* 页面自身负责固定搜索栏和表头，剩余高度交给明细滚动区。 */
.details-layout[data-v-1fb5e16c] { display: flex; flex-direction: column; height: 100%; min-height: 0;
}
.query-area[data-v-1fb5e16c] { flex-shrink: 0;
}
.details-layout .query-date-input[data-v-1fb5e16c] { max-width: 100%;
}
.details-layout .header-table[data-v-1fb5e16c] { flex-shrink: 0; height: auto; min-height: 2.375rem; margin: 0; padding: 0.4rem 0.75rem; gap: 0.25rem;
}
.record-content[data-v-1fb5e16c] { flex: 1; min-height: 0; --padding-bottom: 0.75rem;
}
.record-list[data-v-1fb5e16c] { margin: 0; padding: 0;
}
.details-layout .record-list li[data-v-1fb5e16c] { gap: 0.25rem; padding: 0.625rem 0.75rem;
}
.details-layout .item[data-v-1fb5e16c] { min-width: 0; overflow-wrap: anywhere;
}
.details-layout .record-list p[data-v-1fb5e16c] { margin: 0;
}
.register-time[data-v-1fb5e16c] { white-space: pre-line;
}
.loading-state[data-v-1fb5e16c], .unavailable-state[data-v-1fb5e16c] { padding: 2.5rem 0.75rem; text-align: center; color: var(--color-text-40);
}
.empty-state[data-v-1fb5e16c] { width: 7.5rem; height: 7.5rem; margin: 2.5rem auto;
}
.no-more[data-v-1fb5e16c] { margin: 0; padding: 1rem 0; text-align: center; font-size: 0.75rem; color: var(--color-text-40);
}

    /* 接口只返回三列；保留源站行、背景、字体和滚动布局。 */
.referral-rewards-new-detail .details-layout .header-table .item[data-v-1fb5e16c], .referral-rewards-new-detail .details-layout .record-list .item[data-v-1fb5e16c] { width: 33.333%;
}

    /* 源站 872c19aa：rates 面板独立作用域。 */
.agent-bonus-rate-wrap[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { width: 22.5rem; margin: 0 auto; border-radius: 0.625rem; background: #101629;
}
.nav[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { height: 2.25rem; font-size: 0.75rem; border-radius: 0.3125rem, 0.3125rem, 0, 0; border-bottom: 1px solid #6d788e;
}
.flexBox[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { display: flex; justify-content: space-around; align-items: center; width: 21.25rem; margin: 0 auto;
}
.nav li[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: #6d788e; line-height: 2.23rem;
}
.nav .active[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: #fff; font-weight: 400; padding: 0 0.5rem; border-bottom: 2px solid #38a8fa;
}
.content-title[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { margin-top: 0.5rem;
}
.content-title li[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { background: #151c2f; line-height: 1rem;
}
.content-box[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { width: 6.875rem; height: 2.5rem; font-size: 0.75rem; flex-grow: 1; text-align: center; line-height: 2.5rem;
}
.content[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { min-height: 41.875rem; border-radius: 0, 0, 0.3125rem, 0.3125rem;
}
.content li .item[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *):nth-last-child(1) { color: #fba531 !important;
}
.content li[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *):nth-child(2n) { background: #151c2f !important;
}
ion-segment-button[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { --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-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { min-width: 0;
}
ion-segment-button ion-label[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { font-size: 0.75rem !important; margin-top: 0.375rem; margin-bottom: 0.375rem;
}
ion-content[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { --background: transperent;
}
ion-item[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { --background: transparent; --padding-start: 0; --padding-end: 0; --inner-padding-end: 0; --inner-border-width: 0px;
}
ion-grid[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { --ion-grid-padding: 0;
}
ion-col[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { display: flex; align-items: center; justify-content: center; text-align: center;
}
.agent-bonus-rate[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { background: var(--color-bg-200);
}
ion-segment[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { --background: var(--color-bg-200); border-bottom: 1px solid var(--color-line);
}
ion-segment-button[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *)::part(indicator-background) { background: var(--theme-color-600);
}
ion-label.selected-tab[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: var(--color-text-white-100);
}
ion-label.base-tab[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: var(--color-text-gray-200);
}
ion-item.odd[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { --background: var(--color-bg-1200);
}
.rate-item-title[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { background: var(--color-bg-1200); color: var(--color-text-white-100);
}
.table-content-text-color[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: var(--color-text-gray-200);
}
.important-text[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: var(--accent-color-yellow);
}
.blue-default .agent-bonus-rate[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { background: var(--color-bg-200);
}
.blue-default ion-segment[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { --background: var(--color-bg-200); border-bottom: 1px solid var(--color-line);
}
.blue-default ion-segment-button[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *)::part(indicator-background) { background: var(--theme-color-600);
}
.blue-default ion-label.selected-tab[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: var(--color-text-white-100);
}
.blue-default ion-label.base-tab[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: var(--color-text-gray-200);
}
.blue-default ion-item.odd[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { --background: var(--color-bg-1200);
}
.blue-default .rate-item-title[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { background: var(--color-bg-1200); color: var(--color-text-white-100);
}
.blue-default .table-content-text-color[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: var(--color-text-gray-200);
}
.blue-default .important-text[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: var(--accent-color-yellow);
}
.green-default .agent-bonus-rate[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { background: var(--color-bg-200);
}
.green-default ion-segment[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { --background: var(--color-bg-200); border-bottom: 1px solid var(--color-line);
}
.green-default ion-segment-button[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *)::part(indicator-background) { background: var(--theme-color-600);
}
.green-default ion-label.selected-tab[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: var(--color-text-gray-100);
}
.green-default ion-label.base-tab[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: var(--color-text-gray-200);
}
.green-default ion-item.odd[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { --background: var(--color-bg-100);
}
.green-default .rate-item-title[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { background: var(--color-bg-100); color: var(--color-text-gray-100);
}
.green-default .table-content-text-color[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: var(--color-text-gray-200);
}
.green-default .important-text[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: var(--accent-color-yellow);
}
.amber-purple .agent-bonus-rate[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { background: var(--color-bg-200);
}
.amber-purple ion-segment[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { --background: var(--color-bg-200); border-bottom: 1px solid var(--line-color);
}
.amber-purple ion-segment-button[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *)::part(indicator-background) { background: var(--segment-gradients-purple);
}
.amber-purple ion-label.selected-tab[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: var(--text-color-light-purple-1-100);
}
.amber-purple ion-label.base-tab[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: var(--text-color-light-purple-2-100);
}
.amber-purple ion-item.odd[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { --background: var(--color-bg-100);
}
.amber-purple .rate-item-title[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { background: var(--color-bg-100); color: var(--text-color-light-purple-1-100);
}
.amber-purple .table-content-text-color[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: var(--text-color-light-purple-2-100);
}
.amber-purple .important-text[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: var(--accent-color-yellow);
}
.forest-green .agent-bonus-rate[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { background: var(--color-bg-200);
}
.forest-green ion-segment[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { --background: var(--color-bg-200); border-bottom: 1px solid var(--color-bg-100);
}
.forest-green ion-segment-button[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *)::part(indicator-background) { background: var(--color-line);
}
.forest-green ion-label.selected-tab[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: var(--color-text-gray-100);
}
.forest-green ion-label.base-tab[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: var(--color-text-gray-200);
}
.forest-green ion-item.odd[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { --background: var(--color-bg-100);
}
.forest-green .rate-item-title[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { background: var(--color-bg-100); color: var(--color-text-gray-100);
}
.forest-green .table-content-text-color[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: var(--color-text-gray-200);
}
.forest-green .important-text[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: var(--accent-color-yellow);
}
.auroral-yellow .agent-bonus-rate[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { background: var(--color-bg-200);
}
.auroral-yellow ion-segment[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { --background: var(--color-bg-200); border-bottom: 1px solid var(--color-line);
}
.auroral-yellow ion-segment-button[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *)::part(indicator-background) { background: var(--theme-color-800);
}
.auroral-yellow ion-label.selected-tab[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: var(--color-text-white-100);
}
.auroral-yellow ion-label.base-tab[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: var(--color-text-gray-200);
}
.auroral-yellow ion-item.odd[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { --background: var(--color-bg-1200);
}
.auroral-yellow .rate-item-title[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { background: var(--color-bg-1200); color: var(--color-text-white-100);
}
.auroral-yellow .table-content-text-color[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: var(--color-text-gray-200);
}
.auroral-yellow .important-text[data-v-4f2f162b]:where([data-panel='rates'], [data-panel='rates'] *) { color: var(--accent-color-yellow);
}

.date[data-v-fcd5f1c5] { min-width: 11rem; border-radius: 0.25rem; padding: 0 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-fcd5f1c5] { padding: 0.125rem 0.25rem;
}
.date span[data-v-fcd5f1c5] { font-size: 0.75rem; font-weight: 500; color: var(--mlm-subdetail-item-name-color);
}
.date .timeChoose[data-v-fcd5f1c5] { display: flex; align-items: center; justify-content: space-between; flex: 1; margin-left: 0.3125rem;
}
.date .timeChoose .single-date[data-v-fcd5f1c5] { font-size: 0.75rem; font-weight: var(--ep-font-weight-bold, 700); color: var(--mlm-selected-text-color);
}
.date .timeChoose p[data-v-fcd5f1c5] { font-size: 0.75rem; color: var(--mlm-selected-text-color); margin: 0;
}
.date .timeChoose p.on[data-v-fcd5f1c5] { border-bottom: 1px solid #38a8fa;
}
.date .timeChoose .separator[data-v-fcd5f1c5] { margin: 0 0.25rem; font-size: 0.75rem; color: var(--mlm-selected-text-color); font-weight: 700;
}
.date .timeChoose ion-icon[data-v-fcd5f1c5] { font-size: 0.875rem; margin-left: 0.25rem; color: var(--mlm-select-icon-text-color);
}
.new-skin-symbol .date[data-v-fcd5f1c5] { background-color: var(--ep-color-background-fill-surface-raised-L1);
}
.new-skin-symbol .date span[data-v-fcd5f1c5] { color: var(--ep-color-text-weaker);
}
.new-skin-symbol .date .timeChoose .single-date[data-v-fcd5f1c5], .new-skin-symbol .date .timeChoose p[data-v-fcd5f1c5] { color: var(--ep-color-text-default);
}
.new-skin-symbol .date .timeChoose p.on[data-v-fcd5f1c5] { border-bottom-color: var(--ep-color-background-fill-active-primary);
}
.new-skin-symbol .date .timeChoose .separator[data-v-fcd5f1c5] { color: var(--ep-color-text-default);
}
.new-skin-symbol .date .timeChoose ion-icon[data-v-fcd5f1c5] { color: var(--ep-color-icon-weaker);
}
[data-v-fcd5f1c5] ion-popover { --width: 22rem; --max-width: 90vw;
}
ion-datetime[data-v-fcd5f1c5] { --wheel-fade-background-rgb: transparent; font-size: 0.875rem;
}
ion-datetime[data-v-fcd5f1c5]::part(month-year) { font-size: 0.875rem; font-weight: 500;
}
ion-datetime[data-v-fcd5f1c5]::part(calendar-day) { font-size: 0.875rem; width: 2rem; min-width: 2rem; height: 2rem;
}
ion-datetime[data-v-fcd5f1c5]::part(wheel-item) { font-size: 0.875rem;
}
ion-datetime[data-v-fcd5f1c5]::part(calendar-day active) { box-shadow: none;
}
.new-skin-symbol ion-datetime[data-v-fcd5f1c5] { --background: var(--ep-color-background-fill-surface-raised-L1); color: var(--ep-color-text-weak); --wheel-highlight-background: var(--ep-color-background-fill-surface-raised-L1); --wheel-fade-background-rgb: none; --wheel-highlight-border-radius: 0.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);
}
.new-skin-symbol ion-datetime[data-v-fcd5f1c5]::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: 0.875rem;
}
.new-skin-symbol ion-datetime[data-v-fcd5f1c5]::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-fcd5f1c5]::part(wheel-item active) { color: var(--ep-color-background-fill-active-primary);
}
.mystlight-blue ion-datetime[data-v-fcd5f1c5], .theme-24 ion-datetime[data-v-fcd5f1c5] { --background: var(--ep-color-background-fill-surface-raised-L1); color: var(--ep-color-text-weak); --wheel-highlight-background: var(--ep-color-background-fill-surface-raised-L1); --wheel-fade-background-rgb: none; --wheel-highlight-border-radius: 0.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-fcd5f1c5]::part(month-year-button), .theme-24 ion-datetime[data-v-fcd5f1c5]::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: 0.875rem;
}
.mystlight-blue ion-datetime[data-v-fcd5f1c5]::part(calendar-day active), .theme-24 ion-datetime[data-v-fcd5f1c5]::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-fcd5f1c5]::part(wheel-item active), .theme-24 ion-datetime[data-v-fcd5f1c5]::part(wheel-item active) { color: var(--ep-color-background-fill-active-primary);
}
.theme-24 ion-datetime[data-v-fcd5f1c5] { --ion-color-step-200: rgba(255, 255, 255, 0.1);
}
.green-dark ion-datetime[data-v-fcd5f1c5], .yellow-dark ion-datetime[data-v-fcd5f1c5] { --background: transparent; color: #fff; --wheel-highlight-background: transparent; --wheel-fade-background-rgb: none; --wheel-highlight-border-radius: 0.5rem; --color: var(--ep-color-background-fill-active-primary); --ion-color-primary: rgba(255, 255, 255, 0.6); --ion-color-step-300: var(--ep-color-text-weak); --ion-color-base: var(--color-primary-800);
}
.green-dark ion-datetime[data-v-fcd5f1c5]::part(month-year-button), .yellow-dark ion-datetime[data-v-fcd5f1c5]::part(month-year-button) { --color: var(--color-primary-800); color: var(--color-primary-800); --ion-color-base: var(--color-primary-800); font-size: 0.875rem;
}
.green-dark ion-datetime[data-v-fcd5f1c5]::part(calendar-day active), .yellow-dark ion-datetime[data-v-fcd5f1c5]::part(calendar-day active) { box-shadow: none; color: #fff; background: var(--color-primary-800);
}
.green-dark ion-datetime[data-v-fcd5f1c5]::part(wheel-item active), .yellow-dark ion-datetime[data-v-fcd5f1c5]::part(wheel-item active) { color: var(--color-primary-800);
}
.purple-light ion-datetime[data-v-fcd5f1c5] { --background: transparent; color: var(--color-primary-800); --wheel-highlight-background: transparent; --wheel-fade-background-rgb: none; --wheel-highlight-border-radius: 0.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-fcd5f1c5]::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: 0.875rem;
}
.purple-light ion-datetime[data-v-fcd5f1c5]::part(calendar-day active) { box-shadow: none; color: #fff; background: var(--color-primary-800);
}
.purple-light ion-datetime[data-v-fcd5f1c5]::part(wheel-item active) { color: var(--color-primary-800);
}
.amber-purple ion-datetime[data-v-fcd5f1c5] { --background: transparent; color: #bdb8e1; --wheel-highlight-background: transparent; --wheel-fade-background-rgb: none; --wheel-highlight-border-radius: 0.5rem; --color: var(--ep-color-background-fill-active-primary); --ion-color-primary: var(--color-primary-800); --ion-color-step-300: var(--ep-color-text-weak); --ion-color-base: var(--color-primary-800);
}
.amber-purple ion-datetime[data-v-fcd5f1c5]::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: 0.875rem;
}
.amber-purple ion-datetime[data-v-fcd5f1c5]::part(calendar-day active) { box-shadow: none; color: #fff; background: var(--color-primary-800);
}
.amber-purple ion-datetime[data-v-fcd5f1c5]::part(wheel-item active) { color: var(--color-primary-800);
}
.blue-default ion-datetime[data-v-fcd5f1c5] { --background: transparent; color: #fff; --wheel-highlight-background: transparent; --wheel-fade-background-rgb: none; --wheel-highlight-border-radius: 0.5rem; --color: var(--ep-color-background-fill-active-primary); --ion-color-primary: var(--color-primary-800); --ion-color-step-300: var(--ep-color-text-weak); --ion-color-base: var(--color-primary-800);
}
.blue-default ion-datetime[data-v-fcd5f1c5]::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: 0.875rem;
}
.blue-default ion-datetime[data-v-fcd5f1c5]::part(calendar-day active) { box-shadow: none; color: #fff; background: var(--color-primary-800);
}
.blue-default ion-datetime[data-v-fcd5f1c5]::part(wheel-item active) { color: var(--color-primary-800);
}
.green-default ion-datetime[data-v-fcd5f1c5] { --background: transparent; color: #fff; --wheel-highlight-background: transparent; --wheel-fade-background-rgb: none; --wheel-highlight-border-radius: 0.5rem; --color: var(--ep-color-background-fill-active-primary); --ion-color-primary: var(--color-primary-800); --ion-color-step-300: var(--ep-color-text-weak); --ion-color-base: var(--color-primary-800);
}
.green-default ion-datetime[data-v-fcd5f1c5]::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: 0.875rem;
}
.green-default ion-datetime[data-v-fcd5f1c5]::part(calendar-day active) { box-shadow: none; color: #fff; background: var(--color-primary-800);
}
.green-default ion-datetime[data-v-fcd5f1c5]::part(wheel-item active) { color: var(--color-primary-800);
}
.forest-green ion-datetime[data-v-fcd5f1c5] { --background: transparent; color: #fff; --wheel-highlight-background: transparent; --wheel-fade-background-rgb: none; --wheel-highlight-border-radius: 0.5rem; --color: var(--ep-color-background-fill-active-primary); --ion-color-primary: rgba(255, 255, 255, 0.6); --ion-color-step-300: var(--ep-color-text-weak); --ion-color-base: #009f76;
}
.forest-green ion-datetime[data-v-fcd5f1c5]::part(month-year-button) { --color: var(--ep-color-background-fill-active-primary); color: #009f76; --ion-color-base: #009f76; font-size: 0.875rem;
}
.forest-green ion-datetime[data-v-fcd5f1c5]::part(calendar-day active) { box-shadow: none; color: var(--ep-color-text-inverse); background: var(--color-primary-800);
}
.forest-green ion-datetime[data-v-fcd5f1c5]::part(wheel-item active) { color: #009f76;
}
.auroral-yellow ion-datetime[data-v-fcd5f1c5] { --background: transparent; color: #fff; --wheel-highlight-background: transparent; --wheel-fade-background-rgb: none; --wheel-highlight-border-radius: 0.5rem; --color: var(--ep-color-background-fill-active-primary); --ion-color-primary: var(--color-primary-800); --ion-color-step-300: var(--ep-color-text-weak); --ion-color-base: var(--color-primary-800);
}
.auroral-yellow ion-datetime[data-v-fcd5f1c5]::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: 0.875rem;
}
.auroral-yellow ion-datetime[data-v-fcd5f1c5]::part(calendar-day active) { box-shadow: none; color: var(--ep-color-text-inverse); background: var(--color-primary-800);
}
.auroral-yellow ion-datetime[data-v-fcd5f1c5]::part(wheel-item active) { color: var(--color-primary-800);
}
.phantom-blue ion-datetime[data-v-fcd5f1c5] { --background: transparent; color: #fff; --wheel-highlight-background: transparent; --wheel-fade-background-rgb: none; --wheel-highlight-border-radius: 0.5rem; --color: var(--ep-color-background-fill-active-primary); --ion-color-primary: var(--color-primary-800); --ion-color-step-300: var(--ep-color-text-weak); --ion-color-base: var(--color-primary-800);
}
.phantom-blue ion-datetime[data-v-fcd5f1c5]::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: 0.875rem;
}
.phantom-blue ion-datetime[data-v-fcd5f1c5]::part(calendar-day active) { box-shadow: none; color: var(--ep-color-text-inverse); background: var(--color-primary-800);
}
.phantom-blue ion-datetime[data-v-fcd5f1c5]::part(wheel-item active) { color: var(--color-primary-800);
}

    /* 源站 e731457b：commission 面板独立作用域。 */
ion-button#popover-trigger[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --padding-start: 0; --padding-end: 0;
}
ion-content#main[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: transperent;
}
.select-item[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { border-radius: 0.625rem 0.625rem 0 0;
}
ion-item[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: #141a29;
}
ion-item[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *)::part(native) { padding: 0 0 0 0.625rem !important;
}
ion-grid[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --ion-grid-padding: 0;
}
ion-col[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --ion-grid-column-padding: 0; display: flex; align-items: center; justify-content: center; text-align: center;
}
    /* 详情为整页弹层；移出路由容器后仍保持主页面的 486px 宽度上限。 */
ion-modal[data-panel='commission'][data-v-d53def93] { --width: 100%; --max-width: 486px; --height: 100%; --border-radius: 0;
}
.detail-content[data-v-d53def93] { --background: transparent; --padding-start: 1rem; --padding-end: 1rem;
}
.money-text[data-v-d53def93] { color: var(--money-text-color);
}
ion-modal ion-content[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --padding-top: 0;
}
ion-toolbar.detail-title[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { display: flex;
}
ion-segment-button[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *)::part(native) { padding: 0;
}
ion-label[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { margin: 0 0 0.3125rem; font-size: 0.875rem; line-height: 1.375rem; z-index: 998;
}
ion-title toolbar-title[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { overflow: visible;
}
.agent-commission[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *), .model-detail-main[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { background: var(--color-bg-800);
}
#popover-trigger p.on[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { border-bottom: 1px solid var(--theme-color-600);
}
.select-item[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { background: var(--color-bg-1100);
}
.select-date[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { background: var(--color-bg-300); color: var(--color-text-gray-300);
}
.select-date .text-base[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { color: var(--color-text-gray-300);
}
ion-item.commission-list[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *):nth-child(odd) { --background: var(--color-bg-300);
}
ion-item.commission-list[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *):nth-child(2n) { --background: var(--color-bg-100);
}
ion-toolbar.detail-title[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: var(--color-bg-900);
}
.tab-box[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *), ion-segment.detail-type[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { background: var(--color-bg-800);
}
ion-segment-button[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { 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-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: var(--color-bg-100); color: var(--color-text-white-100);
}
ion-item.detail-list[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *):nth-child(2n) { --background: var(--color-bg-100);
}
ion-item.detail-list[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *):nth-child(odd) { --background: var(--color-bg-300);
}
ion-datetime[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: var(--color-bg-200); color: var(--color-text-white-100);
}
ion-datetime[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *)::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-d53def93]:where([data-panel='commission'], [data-panel='commission'] *)::part(month-year-button) { color: var(--theme-color-800);
}
ion-datetime[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *)::part(wheel-item active) { color: var(--text-color-light-purple-1-100);
}
.ion-color-primary[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --ion-color-base: var(--agent-ion-color-primary) !important;
}
.commission-item-title[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: var(--color-bg-1200); color: var(--color-text-white-100);
}
.table-content-text-color[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { color: var(--color-text-gray-200);
}
.select-item .select-date[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) .date { display: flex; align-items: center; border-radius: 0.375rem; background: transparent; height: auto; padding: 0.125rem 0.25rem; min-width: auto;
}
.select-item .select-date[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) .date .timeChoose { width: 100%; justify-content: space-between; display: flex; align-items: center;
}
.select-item .select-date[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) .date .timeChoose p { font-size: 0.75rem; color: #8f9cb4; margin: 0;
}
.select-item .select-date[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) .date .timeChoose p.on { border-bottom: 1px solid var(--color-primary-800);
}
.select-item .select-date[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) .date .timeChoose .separator { margin: 0 0.25rem; font-size: 0.75rem; color: #8f9cb4;
}
.select-item .select-date[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) .date .timeChoose ion-icon { font-size: 1rem; color: #8f9cb4; margin: 0.125rem 0 0.125rem 0.25rem;
}
.blue-default .agent-commission[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *), .blue-default .model-detail-main[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { background: var(--color-bg-800);
}
.blue-default #popover-trigger p.on[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { border-bottom: 1px solid var(--theme-color-600);
}
.blue-default .select-item[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { background: var(--color-bg-1100);
}
.blue-default .select-date[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { background: var(--color-bg-300); color: var(--color-text-gray-300);
}
.blue-default .select-date .text-base[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { color: var(--color-text-gray-300);
}
.blue-default ion-item.commission-list[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *):nth-child(odd) { --background: var(--color-bg-300);
}
.blue-default ion-item.commission-list[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *):nth-child(2n) { --background: var(--color-bg-100);
}
.blue-default ion-toolbar.detail-title[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: var(--color-bg-900);
}
.blue-default .tab-box[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *), .blue-default ion-segment.detail-type[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { background: var(--color-bg-800);
}
.blue-default ion-segment-button[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { 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-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: var(--color-bg-100); color: var(--color-text-white-100);
}
.blue-default ion-item.detail-list[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *):nth-child(2n) { --background: var(--color-bg-100);
}
.blue-default ion-item.detail-list[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *):nth-child(odd) { --background: var(--color-bg-300);
}
.blue-default ion-datetime[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: var(--color-bg-200); color: var(--color-text-white-100);
}
.blue-default ion-datetime[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *)::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-d53def93]:where([data-panel='commission'], [data-panel='commission'] *)::part(month-year-button) { color: var(--theme-color-800);
}
.blue-default ion-datetime[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *)::part(wheel-item active) { color: var(--color-text-white-100);
}
.blue-default .ion-color-primary[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --ion-color-base: var(--agent-ion-color-primary) !important;
}
.blue-default .commission-item-title[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: var(--color-bg-1200); color: var(--color-text-white-100);
}
.blue-default .table-content-text-color[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { color: var(--color-text-gray-200);
}
.green-default .agent-commission[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *), .green-default .model-detail-main[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { background: var(--color-bg-300);
}
.green-default #popover-trigger p.on[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { border-bottom: 1px solid var(--theme-color-500);
}
.green-default .select-item[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { background: var(--color-bg-200);
}
.green-default .select-date[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { background: var(--color-bg-300); color: var(--color-text-gray-200);
}
.green-default .select-date .text-base[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { color: var(--color-text-gray-200);
}
.green-default ion-item.commission-list[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *):nth-child(odd) { --background: var(--color-bg-300);
}
.green-default ion-item.commission-list[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *):nth-child(2n) { --background: var(--color-bg-100);
}
.green-default ion-toolbar.detail-title[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: var(--color-bg-100);
}
.green-default .tab-box[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *), .green-default ion-segment.detail-type[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { background: var(--color-bg-300);
}
.green-default ion-segment-button[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { 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-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: var(--color-bg-100); color: var(--color-text-gray-100);
}
.green-default ion-item.detail-list[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *):nth-child(2n) { --background: var(--color-bg-100);
}
.green-default ion-item.detail-list[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *):nth-child(odd) { --background: var(--color-bg-300);
}
.green-default ion-datetime[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: var(--color-bg-200); color: var(--color-text-gray-200);
}
.green-default ion-datetime[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *)::part(calendar-day active) { color: var(--color-text-gray-100); background: var(--color-bg-50); box-shadow: none;
}
.green-default ion-datetime[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *)::part(month-year-button) { color: var(--theme-color-800);
}
.green-default ion-datetime[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *)::part(wheel-item active) { color: var(--color-text-gray-100);
}
.green-default .ion-color-primary[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --ion-color-base: var(--color-text-gray-100) !important;
}
.green-default .commission-item-title[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: var(--color-bg-100); color: var(--color-text-gray-100);
}
.green-default .table-content-text-color[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { color: var(--color-text-gray-200);
}
.amber-purple .agent-commission[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *), .amber-purple .model-detail-main[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { background: var(--color-bg-300);
}
.amber-purple #popover-trigger p.on[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { border-bottom: 1px solid var(--theme-color-400);
}
.amber-purple .select-item[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { background: var(--color-bg-200);
}
.amber-purple .select-date[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { background: var(--color-bg-300); color: var(--text-color-light-purple-2-100);
}
.amber-purple .select-date .text-base[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { color: var(--text-color-light-purple-2-100);
}
.amber-purple ion-item.commission-list[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *):nth-child(odd) { --background: var(--color-bg-300);
}
.amber-purple ion-item.commission-list[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *):nth-child(2n) { --background: var(--color-bg-100);
}
.amber-purple ion-toolbar.detail-title[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: var(--color-bg-100);
}
.amber-purple .tab-box[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *), .amber-purple ion-segment.detail-type[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { background: var(--color-bg-300);
}
.amber-purple ion-segment-button[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { 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-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: var(--color-bg-100); color: var(--text-color-light-purple-1-100);
}
.amber-purple ion-item.detail-list[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *):nth-child(2n) { --background: var(--color-bg-100);
}
.amber-purple ion-item.detail-list[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *):nth-child(odd) { --background: var(--color-bg-300);
}
.amber-purple ion-datetime[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: var(--color-bg-200); color: var(--text-color-light-purple-2-100);
}
.amber-purple ion-datetime[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *)::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-d53def93]:where([data-panel='commission'], [data-panel='commission'] *)::part(month-year-button) { color: var(--theme-color-800);
}
.amber-purple ion-datetime[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *)::part(wheel-item active) { color: var(--text-color-light-purple-1-100);
}
.amber-purple .ion-color-primary[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --ion-color-base: var(--text-color-light-purple-1-100) !important;
}
.amber-purple .commission-item-title[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: var(--color-bg-100); color: var(--text-color-light-purple-1-100);
}
.amber-purple .table-content-text-color[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { color: var(--text-color-light-purple-2-100);
}
.forest-green .agent-commission[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *), .forest-green .model-detail-main[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { background: var(--color-bg-300);
}
.forest-green #popover-trigger p.on[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { border-bottom: 1px solid var(--theme-color-500);
}
.forest-green .select-item[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { background: var(--color-bg-200);
}
.forest-green .select-date[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { background: var(--color-bg-300); color: var(--color-text-gray-200);
}
.forest-green .select-date .text-base[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { color: var(--color-text-gray-200);
}
.forest-green ion-item.commission-list[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *):nth-child(odd) { --background: var(--color-bg-300);
}
.forest-green ion-item.commission-list[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *):nth-child(2n) { --background: var(--color-bg-100);
}
.forest-green ion-toolbar.detail-title[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: var(--color-bg-100);
}
.forest-green .tab-box[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *), .forest-green ion-segment.detail-type[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { background: var(--color-bg-300);
}
.forest-green ion-segment-button[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { 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-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: var(--color-bg-100); color: var(--color-text-gray-100);
}
.forest-green ion-item.detail-list[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *):nth-child(2n) { --background: var(--color-bg-100);
}
.forest-green ion-item.detail-list[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *):nth-child(odd) { --background: var(--color-bg-300);
}
.forest-green ion-datetime[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: var(--color-bg-200); color: var(--color-text-gray-200);
}
.forest-green ion-datetime[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *)::part(calendar-day active) { color: var(--color-text-gray-100); background: var(--color-bg-100); box-shadow: none;
}
.forest-green ion-datetime[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *)::part(month-year-button) { color: var(--theme-color-800);
}
.forest-green ion-datetime[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *)::part(wheel-item active) { color: var(--color-text-gray-100);
}
.forest-green .ion-color-primary[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --ion-color-base: var(--color-text-gray-100) !important;
}
.forest-green .commission-item-title[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: var(--color-bg-100); color: var(--color-text-gray-100);
}
.forest-green .table-content-text-color[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { color: var(--color-text-gray-200);
}
.auroral-yellow .agent-commission[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *), .auroral-yellow .model-detail-main[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { background: var(--color-bg-800);
}
.auroral-yellow #popover-trigger p.on[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { border-bottom: 1px solid var(--theme-color-600);
}
.auroral-yellow .select-item[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { background: var(--color-bg-1100);
}
.auroral-yellow .select-date[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { background: var(--color-bg-300); color: var(--color-text-gray-300);
}
.auroral-yellow .select-date .text-base[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { color: var(--color-text-gray-300);
}
.auroral-yellow ion-item.commission-list[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *):nth-child(odd) { --background: var(--color-bg-300);
}
.auroral-yellow ion-item.commission-list[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *):nth-child(2n) { --background: var(--color-bg-100);
}
.auroral-yellow ion-toolbar.detail-title[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: var(--color-bg-900);
}
.auroral-yellow .tab-box[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *), .auroral-yellow ion-segment.detail-type[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { background: var(--color-bg-800);
}
.auroral-yellow ion-segment-button[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { 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-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: var(--color-bg-100); color: var(--color-text-white-100);
}
.auroral-yellow ion-item.detail-list[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *):nth-child(2n) { --background: var(--color-bg-100);
}
.auroral-yellow ion-item.detail-list[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *):nth-child(odd) { --background: var(--color-bg-300);
}
.auroral-yellow ion-datetime[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: var(--color-bg-200); color: var(--color-text-white-100);
}
.auroral-yellow ion-datetime[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *)::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-d53def93]:where([data-panel='commission'], [data-panel='commission'] *)::part(month-year-button) { color: var(--theme-color-800);
}
.auroral-yellow ion-datetime[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *)::part(wheel-item active) { color: var(--text-color-light-purple-1-100);
}
.auroral-yellow .ion-color-primary[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --ion-color-base: var(--theme-color-800) !important;
}
.auroral-yellow .commission-item-title[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { --background: var(--color-bg-1200); color: var(--color-text-white-100);
}
.auroral-yellow .table-content-text-color[data-v-d53def93]:where([data-panel='commission'], [data-panel='commission'] *) { color: var(--color-text-gray-200);
}
.empty-bg-img[data-v-d53def93] { background-color: transparent; background-repeat: no-repeat; background-size: 7.5rem;
}

    /* 源站 AbSelect：index-r2-DorzZrJB.css，保留原始规则和主题覆盖顺序。 */
.ab-select-container[data-v-d53def93] { position: relative;
}
.ab-select-container .ab-select-display[data-v-d53def93] { display: flex; align-items: center; justify-content: space-between; padding: 0 0.75rem; background: var(--ep-color-background-fill-body-default); border-radius: var(--ep-border-radius-m, 0.375rem); cursor: pointer; transition: all 0.2s ease; min-height: 1.7625rem; min-width: 7.5rem;
}
.ab-select-container .ab-select-display[data-v-d53def93]:hover:not(.ab-select-disabled) { border-color: var(--ep-color-border-hover, #ccc);
}
.ab-select-container .ab-select-display.ab-select-active[data-v-d53def93] { border-color: var(--ep-color-primary, #409eff);
}
.ab-select-container .ab-select-display .ab-select-text[data-v-d53def93] { 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[data-v-d53def93] { width: 1rem; height: 1rem; color: var(--ep-color-text-placeholder, #a8abb2); transition: transform 0.2s ease;
}
.ab-select-container .ab-select-display .ab-select-icon.ab-select-icon-active[data-v-d53def93] { transform: rotate(180deg);
}
.ab-select-options[data-v-d53def93] { background: var(--ep-color-background-fill-surface-raised-L1); margin: 0; border: 1px solid var(--ep-color-border-default);
}
.ab-select-option[data-v-d53def93] { margin: 0; padding: 0; cursor: pointer; text-align: center; height: 2.25rem;
}
.ab-select-option[data-v-d53def93]:hover { background: var(--ep-color-background-fill-surface-raised-L2, #f5f7fa);
}
.ab-select-option-text[data-v-d53def93] { 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 0.2s ease; height: 100%; display: flex; align-items: center; justify-content: center;
}
.ab-select-option-text.ab-select-option-selected[data-v-d53def93] { 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[data-v-d53def93] { background: var(--ep-color-background-fill-surface-raised-L1); color: var(--ep-color-text-weaker);
}
.green-dark .ab-select-display[data-v-d53def93], .yellow-dark .ab-select-display[data-v-d53def93], .purple-light .ab-select-display[data-v-d53def93], .amber-purple .ab-select-display[data-v-d53def93], .blue-default .ab-select-display[data-v-d53def93], .green-default .ab-select-display[data-v-d53def93], .forest-green .ab-select-display[data-v-d53def93], .auroral-yellow .ab-select-display[data-v-d53def93] { background: var(--spread-commission-select-bg);
}
.green-dark .ab-select-display[data-v-d53def93]:hover:not(.ab-select-disabled), .yellow-dark .ab-select-display[data-v-d53def93]:hover:not(.ab-select-disabled), .purple-light .ab-select-display[data-v-d53def93]:hover:not(.ab-select-disabled), .amber-purple .ab-select-display[data-v-d53def93]:hover:not(.ab-select-disabled), .blue-default .ab-select-display[data-v-d53def93]:hover:not(.ab-select-disabled), .green-default .ab-select-display[data-v-d53def93]:hover:not(.ab-select-disabled), .forest-green .ab-select-display[data-v-d53def93]:hover:not(.ab-select-disabled), .auroral-yellow .ab-select-display[data-v-d53def93]:hover:not(.ab-select-disabled) { border-color: transparent;
}
.green-dark .ab-select-display .ab-select-text[data-v-d53def93], .yellow-dark .ab-select-display .ab-select-text[data-v-d53def93], .purple-light .ab-select-display .ab-select-text[data-v-d53def93], .amber-purple .ab-select-display .ab-select-text[data-v-d53def93], .blue-default .ab-select-display .ab-select-text[data-v-d53def93], .green-default .ab-select-display .ab-select-text[data-v-d53def93], .forest-green .ab-select-display .ab-select-text[data-v-d53def93], .auroral-yellow .ab-select-display .ab-select-text[data-v-d53def93] { color: var(--color-text-100);
}
.green-dark .ab-select-option-normal[data-v-d53def93], .yellow-dark .ab-select-option-normal[data-v-d53def93], .purple-light .ab-select-option-normal[data-v-d53def93], .amber-purple .ab-select-option-normal[data-v-d53def93], .blue-default .ab-select-option-normal[data-v-d53def93], .green-default .ab-select-option-normal[data-v-d53def93], .forest-green .ab-select-option-normal[data-v-d53def93], .auroral-yellow .ab-select-option-normal[data-v-d53def93] { background: var(--spread-commission-select-bg); color: rgba(255, 255, 255, 0.4);
}
.green-dark .ab-select-option-selected[data-v-d53def93], .yellow-dark .ab-select-option-selected[data-v-d53def93], .purple-light .ab-select-option-selected[data-v-d53def93], .amber-purple .ab-select-option-selected[data-v-d53def93], .blue-default .ab-select-option-selected[data-v-d53def93], .green-default .ab-select-option-selected[data-v-d53def93], .forest-green .ab-select-option-selected[data-v-d53def93], .auroral-yellow .ab-select-option-selected[data-v-d53def93] { color: var(--ep-color-text-normal, var(--ep-color-primary));
}
.green-dark .ab-select-option[data-v-d53def93]:hover, .yellow-dark .ab-select-option[data-v-d53def93]:hover, .purple-light .ab-select-option[data-v-d53def93]:hover, .amber-purple .ab-select-option[data-v-d53def93]:hover, .blue-default .ab-select-option[data-v-d53def93]:hover, .green-default .ab-select-option[data-v-d53def93]:hover, .forest-green .ab-select-option[data-v-d53def93]:hover, .auroral-yellow .ab-select-option[data-v-d53def93]:hover { background: transparent;
}
.purple-light .ab-select-option-normal[data-v-d53def93] { background: var(--spread-commission-select-bg); color: var(--color-text-100);
}
.purple-light .ab-select-option-selected[data-v-d53def93] { color: var(--color-primary-800);
}
.blue-default .ab-select-text[data-v-d53def93] { color: var(--color-text-gray-300) !important;
}
.blue-default .ab-select-display[data-v-d53def93] { background: var(--color-bg-300);
}
.blue-default .ab-select-option-normal[data-v-d53def93] { color: var(--color-text-gray-300);
}
.blue-default .ab-select-option-selected[data-v-d53def93] { background: #3b414d; color: var(--color-primary-800);
}
.green-default .ab-select-display[data-v-d53def93] { background: var(--color-bg-300);
}
.green-default .ab-select-text[data-v-d53def93] { color: var(--color-text-gray-200) !important;
}
.green-default .ab-select-option-selected[data-v-d53def93] { background: rgba(59, 65, 77, 0.4); color: var(--color-primary-800);
}
.forest-green .ab-select-display[data-v-d53def93] { background: var(--color-bg-300);
}
.forest-green .ab-select-text[data-v-d53def93] { color: var(--color-text-gray-200) !important;
}
.forest-green .ab-select-option-selected[data-v-d53def93] { background: var(--color-bg-400); color: var(--color-primary-800);
}
.amber-purple .ab-select-display[data-v-d53def93] { background: var(--color-bg-300);
}
.amber-purple .ab-select-text[data-v-d53def93] { color: var(--color-text-gray-200) !important;
}
.amber-purple .ab-select-option-selected[data-v-d53def93] { background: var(--color-bg-200); color: var(--color-primary-800);
}
.auroral-yellow .ab-select-display[data-v-d53def93] { background: var(--color-bg-300);
}
.auroral-yellow .ab-select-text[data-v-d53def93] { color: var(--color-text-gray-300) !important;
}
.auroral-yellow .ab-select-option-selected[data-v-d53def93] { background: var(--color-bg-200); color: var(--color-primary-800);
}

    /* 源站 67a14c87：performance 面板独立作用域。 */
ion-select[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *)::part(icon) { color: transparent;
}
.select-item[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { border-radius: 0.625rem 0.625rem 0 0;
}
ion-item[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *)::part(native) { padding: 0 0 0 0.625rem !important;
}
ion-button#popover-trigger[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --padding-start: 0; --padding-end: 0;
}
ion-content[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: transperent;
}
ion-grid[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --ion-grid-padding: 0;
}
ion-col[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --ion-grid-column-padding: 0; display: flex; align-items: center; justify-content: center; text-align: center;
}
    /* 弹层会移出路由容器，显式沿用主页面的 486px 上限，并扣除源站两侧留白。 */
ion-modal[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --width: 100%; --max-width: calc(486px - 3.125rem); --height: auto; --border-radius: 16px; padding: 0 1.5625rem; height: auto;
}
.detail-content ion-label[data-v-1572492c] { margin-left: 0.625rem; font-size: 0.75rem;
}
.detail-content .money-text[data-v-1572492c] { color: var(--money-text-color);
}
ion-searchbar#search-agency[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --box-shadow: none; overflow: hidden;
}
.agent-performance[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { background: var(--color-bg-800);
}
.select-item[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { background: var(--color-bg-1100);
}
ion-item[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--agent-performance-detail-item-bgc);
}
ion-item.commission-list[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *):nth-child(odd) { --background: var(--color-bg-300);
}
ion-item.commission-list[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *):nth-child(2n) { --background: var(--color-bg-100);
}
#popover-trigger p.on[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { border-bottom: 1px solid var(--theme-color-600);
}
ion-modal[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--color-bg-300);
}
ion-modal ion-toolbar.detail-toolbar[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--agent-performance-detail-toolbar-bgc); border-bottom: 1px solid var(--color-border-600);
}
ion-datetime[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--color-bg-200); color: var(--color-text-white-100);
}
ion-datetime[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *)::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-1572492c]:where([data-panel='performance'], [data-panel='performance'] *)::part(month-year-button) { color: var(--theme-color-800);
}
.ion-color-primary[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --ion-color-base: var(--agent-ion-color-primary) !important;
}
.select-date[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { background: var(--color-bg-300); color: var(--color-text-gray-300);
}
.select-date .text-base[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { color: var(--color-text-gray-300);
}
ion-searchbar#search-agency[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --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-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { color: var(--color-text-gray-300);
}
.performance-item-title[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--color-bg-1200); color: var(--color-text-white-100);
}
.table-content-text-color[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { color: var(--color-text-gray-200);
}
ion-datetime[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *)::part(wheel-item active) { color: var(--color-text-white-100);
}
.blue-default .agent-performance[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { background: var(--color-bg-800);
}
.blue-default .select-item[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { background: var(--color-bg-1100);
}
.blue-default ion-item[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--agent-performance-detail-item-bgc);
}
.blue-default ion-item.commission-list[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *):nth-child(odd) { --background: var(--color-bg-300);
}
.blue-default ion-item.commission-list[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *):nth-child(2n) { --background: var(--color-bg-100);
}
.blue-default #popover-trigger p.on[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { border-bottom: 1px solid var(--theme-color-600);
}
.blue-default ion-modal[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--color-bg-300);
}
.blue-default ion-modal ion-toolbar.detail-toolbar[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--agent-performance-detail-toolbar-bgc); border-bottom: 1px solid var(--color-border-600);
}
.blue-default ion-datetime[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--color-bg-200); color: var(--color-text-white-100);
}
.blue-default ion-datetime[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *)::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-1572492c]:where([data-panel='performance'], [data-panel='performance'] *)::part(month-year-button) { color: var(--theme-color-800);
}
.blue-default .ion-color-primary[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --ion-color-base: var(--agent-ion-color-primary) !important;
}
.blue-default .select-date[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { background: var(--color-bg-300); color: var(--color-text-gray-300);
}
.blue-default .select-date .text-base[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { color: var(--color-text-gray-300);
}
.blue-default ion-searchbar#search-agency[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --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-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { color: var(--color-text-gray-300);
}
.blue-default .performance-item-title[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--color-bg-1200); color: var(--color-text-white-100);
}
.blue-default .table-content-text-color[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { color: var(--color-text-gray-200);
}
.blue-default ion-datetime[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *)::part(wheel-item active) { color: var(--color-text-white-100);
}
.green-default .agent-performance[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { background: var(--color-bg-300);
}
.green-default .select-item[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { background: var(--color-bg-200);
}
.green-default ion-item[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--color-bg-200);
}
.green-default ion-item.commission-list[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *):nth-child(odd) { --background: var(--color-bg-300);
}
.green-default ion-item.commission-list[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *):nth-child(2n) { --background: var(--color-bg-100);
}
.green-default #popover-trigger p.on[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { border-bottom: 1px solid var(--theme-color-500);
}
.green-default ion-modal[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--color-bg-300);
}
.green-default ion-modal ion-toolbar.detail-toolbar[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--color-bg-100); border-bottom: 1px solid var(--color-line);
}
.green-default ion-datetime[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--color-bg-200); color: var(--color-text-gray-200);
}
.green-default ion-datetime[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *)::part(calendar-day active) { color: var(--color-text-gray-100); background: var(--color-bg-50); box-shadow: none;
}
.green-default ion-datetime[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *)::part(month-year-button) { color: var(--theme-color-800);
}
.green-default .ion-color-primary[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --ion-color-base: var(--color-text-gray-100) !important;
}
.green-default .select-date[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { background: var(--color-bg-300); color: var(--color-text-gray-200);
}
.green-default .select-date .text-base[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { color: var(--color-text-gray-200);
}
.green-default ion-searchbar#search-agency[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --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-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { color: var(--color-text-gray-200);
}
.green-default .performance-item-title[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--color-bg-100); color: var(--color-text-gray-100);
}
.green-default .table-content-text-color[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { color: var(--color-text-gray-200);
}
.green-default ion-datetime[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *)::part(wheel-item active) { color: var(--color-text-gray-100);
}
.amber-purple .agent-performance[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { background: var(--color-bg-300);
}
.amber-purple .select-item[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { background: var(--color-bg-200);
}
.amber-purple ion-item[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--color-bg-200);
}
.amber-purple ion-item.commission-list[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *):nth-child(odd) { --background: var(--color-bg-300);
}
.amber-purple ion-item.commission-list[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *):nth-child(2n) { --background: var(--color-bg-100);
}
.amber-purple #popover-trigger p.on[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { border-bottom: 1px solid var(--theme-color-400);
}
.amber-purple ion-modal[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--color-bg-300);
}
.amber-purple ion-modal ion-toolbar.detail-toolbar[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--color-bg-100); border-bottom: 1px solid var(--line-color);
}
.amber-purple ion-datetime[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--color-bg-200); color: var(--text-color-light-purple-2-100);
}
.amber-purple ion-datetime[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *)::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-1572492c]:where([data-panel='performance'], [data-panel='performance'] *)::part(month-year-button) { color: var(--theme-color-800);
}
.amber-purple .ion-color-primary[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --ion-color-base: var(--text-color-light-purple-1-100) !important;
}
.amber-purple .select-date[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { background: var(--color-bg-300); color: var(--text-color-light-purple-2-100);
}
.amber-purple .select-date .text-base[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { color: var(--text-color-light-purple-2-100);
}
.amber-purple ion-searchbar#search-agency[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --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-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { color: var(--text-color-light-purple-2-100);
}
.amber-purple .performance-item-title[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--color-bg-100); color: var(--text-color-light-purple-1-100);
}
.amber-purple .table-content-text-color[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { color: var(--text-color-light-purple-2-100);
}
.amber-purple ion-datetime[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *)::part(wheel-item active) { color: var(--text-color-light-purple-1-100);
}
.forest-green .agent-performance[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { background: var(--color-bg-300);
}
.forest-green .select-item[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { background: var(--color-bg-200);
}
.forest-green ion-item[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--color-bg-200);
}
.forest-green ion-item.commission-list[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *):nth-child(odd) { --background: var(--color-bg-300);
}
.forest-green ion-item.commission-list[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *):nth-child(2n) { --background: var(--color-bg-100);
}
.forest-green #popover-trigger p.on[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { border-bottom: 1px solid var(--theme-color-500);
}
.forest-green ion-modal[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--color-bg-300);
}
.forest-green ion-modal ion-toolbar.detail-toolbar[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--color-bg-100); border-bottom: 1px solid var(--color-line);
}
.forest-green ion-datetime[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--color-bg-200); color: var(--color-text-gray-200);
}
.forest-green ion-datetime[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *)::part(calendar-day active) { color: var(--color-text-gray-100); background: var(--color-bg-100); box-shadow: none;
}
.forest-green ion-datetime[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *)::part(month-year-button) { color: var(--theme-color-800);
}
.forest-green .ion-color-primary[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --ion-color-base: var(--color-text-gray-100) !important;
}
.forest-green .select-date[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { background: var(--color-bg-300); color: var(--color-text-gray-200);
}
.forest-green .select-date .text-base[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { color: var(--color-text-gray-200);
}
.forest-green ion-searchbar#search-agency[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --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-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { color: var(--color-text-gray-200);
}
.forest-green .performance-item-title[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--color-bg-100); color: var(--color-text-gray-100);
}
.forest-green .table-content-text-color[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { color: var(--color-text-gray-200);
}
.forest-green ion-datetime[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *)::part(wheel-item active) { color: var(--color-text-gray-100);
}
.auroral-yellow .agent-performance[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { background: var(--color-bg-800);
}
.auroral-yellow .select-item[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { background: var(--color-bg-1100);
}
.auroral-yellow ion-item[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--agent-performance-detail-item-bgc);
}
.auroral-yellow ion-item.commission-list[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *):nth-child(odd) { --background: var(--color-bg-300);
}
.auroral-yellow ion-item.commission-list[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *):nth-child(2n) { --background: var(--color-bg-100);
}
.auroral-yellow #popover-trigger p.on[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { border-bottom: 1px solid var(--theme-color-600);
}
.auroral-yellow ion-modal[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--color-bg-300);
}
.auroral-yellow ion-modal ion-toolbar.detail-toolbar[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--agent-performance-detail-toolbar-bgc); border-bottom: 1px solid var(--color-border-600);
}
.auroral-yellow ion-datetime[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--color-bg-200); color: var(--color-text-white-100);
}
.auroral-yellow ion-datetime[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *)::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-1572492c]:where([data-panel='performance'], [data-panel='performance'] *)::part(month-year-button) { color: var(--theme-color-800);
}
.auroral-yellow .ion-color-primary[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --ion-color-base: var(--theme-color-800) !important;
}
.auroral-yellow .select-date[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { background: var(--color-bg-300); color: var(--color-text-gray-300);
}
.auroral-yellow .select-date .text-base[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { color: var(--color-text-gray-300);
}
.auroral-yellow ion-searchbar#search-agency[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --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-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { color: var(--color-text-gray-300);
}
.auroral-yellow .performance-item-title[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { --background: var(--color-bg-1200); color: var(--color-text-white-100);
}
.auroral-yellow .table-content-text-color[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) { color: var(--color-text-gray-200);
}
.auroral-yellow ion-datetime[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *)::part(wheel-item active) { color: var(--color-text-white-100);
}
.select-item[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) .date { display: flex; align-items: center; justify-content: center; min-width: 6.125rem; padding: 0.125rem 0.25rem; border-radius: 0.375rem; background-color: var(--color-bg-300); color: var(--color-text-white-100);
}
.select-item[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) .date .timeChoose { display: flex; align-items: center; justify-content: space-between; width: 100%;
}
.select-item[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) .date .timeChoose .single-date { font-size: 0.75rem; margin: 0.125rem 0;
}
.select-item[data-v-1572492c]:where([data-panel='performance'], [data-panel='performance'] *) .date .timeChoose ion-icon { font-size: 1rem; margin: 0.125rem 0 0.125rem 0.25rem;
}
button[data-v-1572492c] { color: inherit; padding: 0; background: transparent; border: 0;
}
button[data-v-1572492c]:disabled { cursor: default;
}
.empty-bg-img[data-v-1572492c] { background-color: transparent; background-repeat: no-repeat; background-size: 7.5rem;
}
    /* 源站 index 全局搜索框规则；限定在业绩页，保留 32px 筛选栏高度。 */
#search-agency[data-v-1572492c] { --border-radius: 0.375rem; padding-inline-end: 0; padding-top: 0; padding-bottom: 0; width: auto; min-height: 0;
}
#search-agency[data-v-1572492c] .searchbar-input-container { min-height: 0;
}
#search-agency[data-v-1572492c] .searchbar-input { min-width: 5.25rem; padding-inline-start: 5px; padding-inline-end: 0.75rem; padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.75rem; line-height: 0%;
}
#search-agency[data-v-1572492c] .searchbar-search-icon { display: none;
}

    /* 原教程头像与成员卡片样式随模板内联，资源路径和主题色保持一致。 */
.people[data-v-f60c365a] { background-color: #fff; background-size: 100% 100% !important;
}
.agent-item[data-v-f60c365a] { display: flex; flex-direction: column; justify-content: space-between; align-items: center;
}
.agent-small-box[data-v-f60c365a], .blue-default .agent-small-box[data-v-f60c365a] { color: var(--color-text-white-100); background: var(--color-bg-200);
}
.green-default .agent-small-box[data-v-f60c365a], .forest-green .agent-small-box[data-v-f60c365a] { color: var(--color-text-gray-100); background: var(--color-bg-200);
}
.amber-purple .agent-small-box[data-v-f60c365a] { color: var(--text-color-light-purple-1-100); background: var(--color-bg-200);
}
.card[data-v-f60c365a] { padding-bottom: 0.625rem;
}
ion-item[data-v-f60c365a] { --background: transparent; --padding-bottom: 0px; --padding-end: 10px; --padding-start: 0; --padding-top: 0; --inner-padding-end: 0;
}
ion-item[data-v-f60c365a]::part(detail-icon) { color: #08f; font-size: 0.875rem; margin-right: 5px;
}
ion-label[data-v-f60c365a], h6[data-v-f60c365a] { font-size: 0.875rem !important; text-align: center;
}
h6[data-v-f60c365a] { margin-bottom: 5px;
}
.card[data-v-f60c365a], .blue-default .card[data-v-f60c365a] { background: var(--color-bg-200);
}
.green-default .card[data-v-f60c365a], .forest-green .card[data-v-f60c365a], .amber-purple .card[data-v-f60c365a] { background: var(--color-bg-300);
}
.c1-left[data-v-f60c365a] { top: 1rem;
}
.c3-right[data-v-f60c365a] { top: 1rem; right: 0;
}
.top-box-area[data-v-f60c365a] { top: -0.2rem;
}
.C2-toA[data-v-f60c365a] { right: 3.6rem; position: absolute; top: -2.9rem;
}
.b1-arrow[data-v-f60c365a] { left: 2.2rem; transform: rotate(30deg); bottom: 5.1rem;
}
.b2-arrow[data-v-f60c365a] { left: 36%; bottom: 5rem;
}
.b3-arrow[data-v-f60c365a] { right: 2rem; transform: rotate(-30deg); bottom: 5.1rem;
}
.c1-arrow-toB1[data-v-f60c365a] { bottom: 3.8rem; left: 0.5rem;
}
.c2-arrow-toB1[data-v-f60c365a] { bottom: 4.2rem; left: 23%; transform: rotate(-28deg);
}
.c3-arrow-toB3[data-v-f60c365a] { right: 0.7rem; bottom: 3.8rem;
}
.c2-arrow-toA[data-v-f60c365a] { bottom: 5.2rem; left: 24%;
}
.c1-arrow-toA[data-v-f60c365a] { bottom: 5.2rem; left: -6.6rem;
}
.c3-arrow-toA[data-v-f60c365a] { bottom: 5.2rem; right: -6.6rem; transform: scaleX(-1);
}
.tutorial-detail[data-v-f60c365a] { border-radius: 0.28rem; font-size: 0.6rem; padding: 0.4rem;
}
.tutorial-detail h1[data-v-f60c365a] { font-size: 0.7rem; margin: 0;
}
.tutorial-detail p[data-v-f60c365a] { text-indent: 0.9rem;
}
.newest-border[data-v-f60c365a] { border: 1px solid var(--color-border-600);
}
.newest-white-color[data-v-f60c365a] { color: var(--color-text-white-100);
}
.newest-minor-color[data-v-f60c365a] { color: var(--color-text-gray-200);
}
.money-text[data-v-f60c365a] { color: var(--accent-color-orange-1);
}
.blue-default .newest-border[data-v-f60c365a] { border: 1px solid var(--color-border-600);
}
.blue-default .newest-white-color[data-v-f60c365a] { color: var(--color-text-white-100);
}
.blue-default .newest-minor-color[data-v-f60c365a] { color: var(--color-text-gray-200);
}
.blue-default .money-text[data-v-f60c365a] { color: var(--accent-color-orange-1);
}
.green-default .newest-border[data-v-f60c365a], .forest-green .newest-border[data-v-f60c365a] { border: 1px solid var(--color-line);
}
.green-default .newest-white-color[data-v-f60c365a], .forest-green .newest-white-color[data-v-f60c365a] { color: var(--color-text-gray-100);
}
.green-default .newest-minor-color[data-v-f60c365a], .forest-green .newest-minor-color[data-v-f60c365a] { color: var(--color-text-gray-200);
}
.green-default .money-text[data-v-f60c365a], .forest-green .money-text[data-v-f60c365a] { color: var(--accent-color-yellow);
}
.amber-purple .newest-border[data-v-f60c365a] { border: 1px solid var(--line-color);
}
.amber-purple .newest-white-color[data-v-f60c365a] { color: var(--text-color-light-purple-1-100);
}
.amber-purple .newest-minor-color[data-v-f60c365a] { color: var(--text-color-light-purple-2-100);
}
.amber-purple .money-text[data-v-f60c365a] { color: var(--accent-color-yellow);
}

    /* 源站 b5402d15：agency 面板独立作用域。 */
    /* 源站全局 money-text 规则：可领取金额使用主题金额色。 */
[data-panel='agency'] .money-text[data-v-32362693] { color: var(--money-text-color);
}
.card[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { border-radius: 0.625rem; margin: 0.625rem 0; padding: 0 0.9375rem;
}
.recharge-notice[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { padding: 0 0.625rem; line-height: 1.0625rem;
}
.receive-rule[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { display: flex; justify-content: space-between; padding: 0 0.625rem;
}
.receive-rule .text[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { width: 80%;
}
.receive-rule .text .hint[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { line-height: 1.0625rem;
}
.receive-rule .btn-warpper[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { display: flex; align-items: center; justify-content: center;
}
.receive-rule .rule-btn[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { background: rgba(255, 255, 255, 0.1); color: #6691d5; height: 1.125rem; width: 3.875rem; display: flex; justify-content: center;
}
.receive-rule .rule-btn ion-icon[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { font-size: 1.125rem; line-height: 1.125rem;
}
.receive-rule .rule-btn span[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { font-size: 0.625rem; line-height: 1.125rem;
}
ion-item[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --background: transparent; --padding-bottom: 0px; --padding-end: 10px; --padding-start: 0; --padding-top: 0; --inner-padding-end: 0; font-size: 0.75rem;
}
ion-item[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::part(detail-icon) { font-size: 0.875rem; margin-right: 5px;
}
ion-segment[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { display: flex; --background: transparent; border-radius: 0;
}
ion-segment-button.ios[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --border-radius: 0.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 0.375rem; margin-top: 0;
}
ion-note[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { margin-right: 10px;
}
ion-note.more[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { margin-right: 0;
}
.flex-button[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { display: flex; flex-direction: column;
}
ion-button.claim[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::part(native) { color: #fff;
}
ion-button.history[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::part(native) { color: #fff; --background-activated: none; --background-focused: none;
}
ion-button.shiny[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { position: relative; overflow: hidden;
}
ion-button.shiny[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *):before { content: ''; animation: shiny-b5402d15-32362693 7s ease-in-out infinite; background: #fff; display: inline-block; height: 100%; left: 0; position: absolute; top: -180px; width: 20px; z-index: 100;
}
ion-segment-button.segment-button-disabled[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { opacity: 1;
}
.agent-share-info[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *), .card[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { background: var(--color-bg-200);
}
.recharge-notice[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--text-color-white-40);
}
.receive-rule[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { border-bottom: 1px solid var(--color-line);
}
.receive-rule .text .hint[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--text-color-white-40);
}
.receive-rule .rule-btn[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { border-radius: var(--rounded-small);
}
ion-item[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::part(detail-icon) { color: var(--color-text-gray-200);
}
ion-note[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --color: var(--color-text-white-100);
}
ion-note.cash[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --color: var(--accent-color-orange-1);
}
ion-toolbar.agent-info[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --ion-toolbar-background: var(--color-bg-200);
}
ion-button.claim[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::part(native) { background: var(--agent-claim-bgc);
}
ion-button.history[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::part(native) { background: var(--agent-history-bgc); color: var(--color-text-white-100);
}
ion-button.on[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::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-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--color-text-white-100);
}
.agent-minor-text-color[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--color-text-gray-300);
}
.referral-tips[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { border-bottom: 1px solid var(--color-border-600);
}
.save-qrcode-btn[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { background: var(--theme-color-500);
}
.agent-share-link[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { border: 1px solid var(--color-line);
}
.agent-share-icon-color[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--color-text-white-100);
}
.text-color[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--color-text-gray-300);
}
ion-note.more[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --color: var(--theme-color-500);
}
.blue-default .agent-share-info[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *), .blue-default .card[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { background: var(--color-bg-200);
}
.blue-default .recharge-notice[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--text-color-white-40);
}
.blue-default .receive-rule[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { border-bottom: 1px solid var(--color-line);
}
.blue-default .receive-rule .text .hint[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--text-color-white-40);
}
.blue-default .receive-rule .rule-btn[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { border-radius: var(--rounded-small);
}
.blue-default ion-item[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::part(detail-icon) { color: var(--color-text-gray-200);
}
.blue-default ion-note[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --color: var(--color-text-white-100);
}
.blue-default ion-note.cash[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --color: var(--accent-color-orange-1);
}
.blue-default ion-toolbar.agent-info[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --ion-toolbar-background: var(--color-bg-200);
}
.blue-default ion-button.claim[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::part(native) { background: var(--agent-claim-bgc);
}
.blue-default ion-button.history[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::part(native) { background: var(--agent-history-bgc); color: var(--color-text-white-100);
}
.blue-default ion-button.on[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::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-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--color-text-white-100);
}
.blue-default .agent-minor-text-color[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--color-text-gray-300);
}
.blue-default .referral-tips[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { border-bottom: 1px solid var(--color-border-600);
}
.blue-default .save-qrcode-btn[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { background: var(--theme-color-500);
}
.blue-default .agent-share-link[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { border: 1px solid var(--color-line);
}
.blue-default .agent-share-icon-color[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--color-text-white-100);
}
.blue-default .text-color[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--color-text-gray-300);
}
.blue-default ion-note.more[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --color: var(--theme-color-500);
}
.green-default .agent-share-info[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *), .green-default .card[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { background: var(--color-bg-200);
}
.green-default .recharge-notice[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--color-text-gray-200);
}
.green-default .receive-rule[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { border-bottom: 1px solid var(--color-line);
}
.green-default .receive-rule .text .hint[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--color-text-gray-200);
}
.green-default .receive-rule .rule-btn[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { border-radius: var(--rounded-small);
}
.green-default ion-item[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::part(detail-icon) { color: var(--color-text-gray-200);
}
.green-default ion-note[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --color: var(--color-text-gray-100);
}
.green-default ion-note.cash[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --color: var(--accent-color-yellow);
}
.green-default ion-toolbar.agent-info[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --ion-toolbar-background: var(--color-bg-200);
}
.green-default ion-button.claim[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::part(native) { background: var(--theme-color-gradient-100);
}
.green-default ion-button.history[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::part(native) { background: var(--theme-color-gradient-200); color: var(--color-text-white-100);
}
.green-default ion-button.on[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::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-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--color-text-gray-100);
}
.green-default .agent-minor-text-color[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--color-text-gray-200);
}
.green-default .referral-tips[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { border-bottom: 1px solid var(--color-line);
}
.green-default .save-qrcode-btn[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { background: var(--color-bg-50);
}
.green-default .agent-share-link[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { border: 1px solid var(--color-line);
}
.green-default .agent-share-icon-color[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *), .green-default .text-color[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--color-text-gray-200);
}
.green-default ion-note.more[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --color: var(--theme-color-500);
}
.amber-purple .agent-share-info[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *), .amber-purple .card[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { background: var(--color-bg-200);
}
.amber-purple .recharge-notice[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--text-color-light-purple-2-100);
}
.amber-purple .receive-rule[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { border-bottom: 1px solid var(--line-color);
}
.amber-purple .receive-rule .text .hint[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--text-color-light-purple-2-100);
}
.amber-purple .receive-rule .rule-btn[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { border-radius: var(--rounded-small);
}
.amber-purple ion-item[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::part(detail-icon) { color: var(--text-color-light-purple-2-100);
}
.amber-purple ion-note[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --color: var(--text-color-light-purple-1-100);
}
.amber-purple ion-note.cash[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --color: var(--accent-color-yellow);
}
.amber-purple ion-toolbar.agent-info[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --ion-toolbar-background: var(--color-bg-200);
}
.amber-purple ion-button.claim[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::part(native) { background: var(--segment-gradients-purple);
}
.amber-purple ion-button.history[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::part(native) { background: var(--theme-color-800); color: var(--color-text-white-100);
}
.amber-purple ion-button.on[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::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-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--text-color-light-purple-1-100);
}
.amber-purple .agent-minor-text-color[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--text-color-light-purple-2-100);
}
.amber-purple .referral-tips[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { border-bottom: 1px solid var(--line-color);
}
.amber-purple .save-qrcode-btn[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { background: var(--theme-color-400);
}
.amber-purple .agent-share-link[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { border: 1px solid var(--line-color);
}
.amber-purple .agent-share-icon-color[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *), .amber-purple .text-color[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--text-color-light-purple-2-100);
}
.amber-purple ion-note.more[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --color: var(--theme-color-500);
}
.forest-green .agent-share-info[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *), .forest-green .card[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { background: var(--color-bg-200);
}
.forest-green .recharge-notice[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--color-text-gray-200);
}
.forest-green .receive-rule[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { border-bottom: 1px solid var(--color-line);
}
.forest-green .receive-rule .text .hint[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--color-text-gray-200);
}
.forest-green .receive-rule .rule-btn[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { border-radius: var(--rounded-small);
}
.forest-green ion-item[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::part(detail-icon) { color: var(--color-text-gray-200);
}
.forest-green ion-note[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --color: var(--color-text-gray-100);
}
.forest-green ion-note.cash[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --color: var(--accent-color-yellow);
}
.forest-green ion-toolbar.agent-info[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --ion-toolbar-background: var(--color-bg-200);
}
.forest-green ion-button.claim[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::part(native) { background: var(--theme-color-gradient-100);
}
.forest-green ion-button.history[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::part(native) { background: var(--theme-color-gradient-200); color: var(--color-text-white-100);
}
.forest-green ion-button.on[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::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-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--color-text-gray-100);
}
.forest-green .agent-minor-text-color[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--color-text-gray-200);
}
.forest-green .referral-tips[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { border-bottom: 1px solid var(--color-line);
}
.forest-green .save-qrcode-btn[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { background: var(--color-bg-100);
}
.forest-green .agent-share-link[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { border: 1px solid var(--color-line);
}
.forest-green .agent-share-icon-color[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *), .forest-green .text-color[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--color-text-gray-200);
}
.forest-green ion-note.more[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --color: var(--color-text-gray-100);
}
.auroral-yellow .agent-share-info[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *), .auroral-yellow .card[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { background: var(--color-bg-200);
}
.auroral-yellow .recharge-notice[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--text-color-white-40);
}
.auroral-yellow .receive-rule[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { border-bottom: 1px solid var(--color-line);
}
.auroral-yellow .receive-rule .text .hint[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--text-color-white-40);
}
.auroral-yellow .receive-rule .rule-btn[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { border-radius: var(--rounded-small);
}
.auroral-yellow ion-item[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::part(detail-icon) { color: var(--color-text-gray-200);
}
.auroral-yellow ion-note[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --color: var(--color-text-white-100);
}
.auroral-yellow ion-note.cash[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --color: var(--accent-color-orange-1);
}
.auroral-yellow ion-toolbar.agent-info[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --ion-toolbar-background: var(--color-bg-200);
}
.auroral-yellow ion-button.claim[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::part(native) { background: var(--agent-claim-bgc);
}
.auroral-yellow ion-button.history[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::part(native) { background: var(--theme-color-800); color: var(--color-text-black-100);
}
.auroral-yellow ion-button.on[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *)::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-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--color-text-white-100);
}
.auroral-yellow .agent-minor-text-color[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--color-text-gray-300);
}
.auroral-yellow .referral-tips[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { border-bottom: 1px solid var(--color-border-600);
}
.auroral-yellow .save-qrcode-btn[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { background: var(--theme-color-500);
}
.auroral-yellow .agent-share-link[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { border: 1px solid var(--color-line);
}
.auroral-yellow .agent-share-icon-color[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--color-text-white-100);
}
.auroral-yellow .text-color[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { color: var(--color-text-gray-300);
}
.auroral-yellow ion-note.more[data-v-32362693]:where([data-panel='agency'], [data-panel='agency'] *) { --color: var(--theme-color-800);
}
@keyframes shiny-b5402d15-32362693 {
0% { opacity: 0; transform: scale(0) rotate(45deg);
}
80% { opacity: 0.5; transform: scale(1) rotate(45deg);
}
81% { opacity: 1; transform: scale(3) rotate(45deg);
}
to { opacity: 0; transform: scale(50) rotate(45deg);
}
}
button[data-v-32362693] { color: inherit; padding: 0; background: transparent; border: 0;
}
button[data-v-32362693]:disabled { cursor: default;
}
[data-panel='agency'] .break-all[data-v-32362693] { overflow-wrap: anywhere;
}
    /* 源站活动公共样式对 bg-white 的主题覆盖，仅补到当前二维码外框。 */
html:not(.new-skin-symbol).blue-default .qr-card[data-v-32362693] { background-color: #17244f;
}
html:not(.new-skin-symbol).green-default .qr-card[data-v-32362693] { background-color: #274116;
}
html:not(.new-skin-symbol).forest-green .qr-card[data-v-32362693] { background-color: #00563a;
}
html:not(.new-skin-symbol).amber-purple .qr-card[data-v-32362693] { background-color: #2c294d;
}
html:not(.new-skin-symbol).auroral-yellow .qr-card[data-v-32362693] { background-color: #1d1a15;
}
    /* 源站用 on 类表达不可领取；保留原色，同时维持按钮的禁用语义。 */
[data-panel='agency'] ion-button.claim.button-disabled[data-v-32362693] { opacity: 1;
}

    /* 源站 433c98a3：shell 面板独立作用域。 */
ion-toolbar.toolbar-info[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { --padding-start: 0.625rem; --padding-end: 0.625rem; --padding-top: 0.625rem; --padding-bottom: 0.625rem;
}
ion-content#main[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *)::part(background) { border-radius: 0.375rem;
}
ion-segment[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { --background: transparent; scrollbar-width: none; -webkit-overflow-scrolling: auto;
}
ion-segment-button[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { height: 1.875rem; font-size: 0.7rem; text-transform: none; --transition: none; --indicator-transition: none; --indicator-transform: none;
}
.btn-wrap[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { display: flex; justify-content: space-evenly;
}
.btn-item-wrap[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { position: relative; margin-right: 0.625rem; width: 100%; flex: 1;
}
ion-segment-button[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *):last-child { margin: 0;
}
ion-segment-button.ios[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *)::part(indicator) { padding: 0;
}
ion-label[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { margin: 0; z-index: 998;
}
ion-toolbar[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { --background: var(--color-bg-200);
}
.tab-box[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { background: var(--color-bg-300);
}
ion-segment-button[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { --indicator-color: var(--theme-color-gradient-100); background: var(--color-bg-900);
}
ion-label.base-tab[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { color: var(--text-color-white-100);
}
ion-label.selected-tab[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { color: var(--text-color-white-100);
}
.blue-default ion-toolbar[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { --background: var(--color-bg-200);
}
.blue-default .tab-box[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { background: var(--color-bg-300);
}
.blue-default ion-segment-button[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { --indicator-color: var(--theme-color-gradient-100); background: var(--color-bg-900);
}
.blue-default ion-label.base-tab[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { color: var(--text-color-white-100);
}
.blue-default ion-label.selected-tab[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { color: var(--text-color-white-100);
}
.green-default ion-toolbar[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { --background: var(--color-bg-100);
}
.green-default .tab-box[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { background: var(--color-bg-300);
}
.green-default ion-segment-button[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { --indicator-color: var(--theme-color-gradient-100); background: var(--color-bg-200);
}
.green-default ion-label.base-tab[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { color: var(--color-text-gray-100);
}
.green-default ion-label.selected-tab[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { color: var(--color-text-white-100);
}
.amber-purple ion-toolbar[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { --background: var(--color-bg-100);
}
.amber-purple .tab-box[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { background: var(--color-bg-300);
}
.amber-purple ion-segment-button[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { --indicator-color: var(--theme-color-800); background: var(--color-bg-200);
}
.amber-purple ion-label.base-tab[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { color: var(--text-color-light-purple-2-100);
}
.amber-purple ion-label.selected-tab[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { color: var(--text-color-white-100);
}
.forest-green ion-toolbar[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { --background: var(--color-bg-100);
}
.forest-green .tab-box[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { background: var(--color-bg-300);
}
.forest-green ion-segment-button[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { --indicator-color: var(--theme-color-gradient-100); background: var(--color-bg-200);
}
.forest-green ion-label.base-tab[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { color: var(--color-text-gray-100);
}
.forest-green ion-label.selected-tab[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { color: var(--color-text-white-100);
}
.auroral-yellow ion-toolbar[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { --background: var(--color-bg-200);
}
.auroral-yellow .tab-box[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { background: var(--color-bg-300);
}
.auroral-yellow ion-segment-button[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { --indicator-color: var(--theme-color-800); background: var(--color-bg-900);
}
.auroral-yellow ion-label.base-tab[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { color: var(--text-color-white-100);
}
.auroral-yellow ion-label.selected-tab[data-v-43f0a11a]:where([data-panel='shell'], [data-panel='shell'] *) { color: var(--color-text-black-100);
}
    /* 路由容器；各页签样式随子组件维护。 */
ion-content#main[data-v-43f0a11a]::part(background) { border-radius: 0.375rem;
}
    /* 源站 BackButton 直接放入工具栏插槽，避免 IonButtons 改写图标尺寸。 */
[data-panel='shell'][data-v-43f0a11a] .spread-back-icon { font-size: var(--font-size-back-button);
}
    /* 源站 biz-activity 的透明弹层规则；只作用于代理页日期弹层。 */
ion-popover.spread-calendar-popover { --background: transparent;
}

ion-modal.login-treasure-box-modal[data-v-43990055] { --width: 100%; --max-width: 24.375rem; --height: 100%; --max-height: 100%; --background: transparent; --box-shadow: none; --backdrop-opacity: 0.6;
}
ion-modal[data-v-43990055]::part(content) { overflow: hidden;
}
.treasure-page[data-v-43990055] { background: transparent;
}
.treasure-content[data-v-43990055] { --background: transparent; --color: #fff; --padding-top: 0; --padding-bottom: 0; --padding-start: 0; --padding-end: 0;
}
.treasure-content[data-v-43990055]::part(scroll) { display: flex; flex-direction: column; overflow-x: hidden;
}
.treasure-scene {
&[data-v-43990055] {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 100%;
        padding: 1.95rem 0;
        box-sizing: border-box;
        color: #fff;
        flex: 1;
        /* Ionic 按钮仅接管交互；通过变量与 native part 保留原按钮尺寸、背景及文字。 */
 }
h2[data-v-43990055], p[data-v-43990055] { margin: 0;
}
img[data-v-43990055] { pointer-events: none;
}
ion-button {
&[data-v-43990055] {
            --padding-top: 0.365625rem;
            --padding-bottom: 0.365625rem;
            --padding-start: 0.4875rem;
            --padding-end: 0.4875rem;
            --background: transparent;
            --background-hover-opacity: 0;
            --background-focused-opacity: 0;
            --background-activated-opacity: 0;
            --ripple-color: transparent;
            --box-shadow: none;
            --color: #fff;
            margin: 0;
            padding: 0;
            height: auto;
            border: 0;
            cursor: pointer;
            font: inherit;
            line-height: 1.2;
            letter-spacing: normal;
            text-transform: none;
  }
&.button-disabled[data-v-43990055] { cursor: default; opacity: 0.6;
}
&[data-v-43990055]::part(native):focus-visible { outline: 2px solid #fff; outline-offset: 4px;
}
&[data-v-43990055]:active:not(.button-disabled) { filter: brightness(1.1);
}
&[data-v-43990055]::part(native) { border-radius: inherit; text-shadow: inherit;
}
}
}
.center-box[data-v-43990055] { position: relative; width: 24.375rem; height: 34.125rem; flex-shrink: 0;
}
.center-box-boost[data-v-43990055] { height: 36.5625rem;
}
.gold-coin-container[data-v-43990055] { position: absolute; inset: 0; pointer-events: none; overflow: hidden;
}
.coin-fall[data-v-43990055] { position: absolute; top: -5.11875rem; animation: coin-fall-43990055 5s linear infinite;
}
.coin[data-v-43990055] { width: 4.9998rem; height: 4.9998rem; background-size: 24.999975rem 4.9998rem; animation: coin-rotate-43990055 0.5s steps(5) infinite;
}
@keyframes coin-fall-43990055 {
to { transform: translate(1.4625rem, 48.75rem);
}
}
@keyframes coin-rotate-43990055 {
to { background-position: -24.999975rem 0;
}
}
.state-wait[data-v-43990055], .state-open[data-v-43990055] { position: relative; height: 100%; display: flex; flex-direction: column; align-items: center; isolation: isolate;
}
.aperture[data-v-43990055] { position: absolute; top: 14.625rem; left: 50%; width: 23.687381rem; height: 23.687381rem; z-index: -1; transform: translate(-50%, -50%); animation: aperture-rotate-43990055 10s linear infinite;
}
@keyframes aperture-rotate-43990055 {
to { transform: translate(-50%, -50%) rotate(360deg);
}
}
.treasure-scene .title-wait[data-v-43990055] { margin-top: 4.3875rem; font-size: 2.374856rem; font-weight: 900; line-height: 1.5; text-transform: uppercase; background: linear-gradient(180deg, #f0e96f -9.75%, #d9c14c 93.5%); background-clip: text; -webkit-text-fill-color: transparent;
}
.desc-wait[data-v-43990055] { width: 19.5rem; padding: 0.4875rem 0.73125rem; box-sizing: border-box; text-align: center; font-size: 0.909188rem; line-height: 1.4; font-weight: 700; color: #fff8ba; text-transform: uppercase; background: #0005; border-radius: 0.53625rem;
}
.box-wait[data-v-43990055] { width: 9.499913rem; height: 11.03115rem; margin-top: 0.4875rem; background-repeat: no-repeat; background-size: 132.999994rem 11.03115rem; animation: box-wait-43990055 1s steps(14) infinite;
}
@keyframes box-wait-43990055 {
to { background-position: -132.999994rem 0;
}
}
.treasure-scene .gold-button[data-v-43990055] { --color: #854a08; display: flex; align-items: center; justify-content: center; width: 10.249931rem; min-height: 2.749988rem; background-color: transparent; background-repeat: no-repeat; background-size: 100% 100%; border-radius: 0.53625rem; color: #854a08; text-shadow: 1px 1px #ffffff40; font-size: 1.038375rem; font-weight: 900; text-transform: uppercase;
}
.treasure-scene .btn-open[data-v-43990055] { margin-top: 1.21875rem;
}
.aperture-open[data-v-43990055] { top: 13.89375rem; z-index: 1;
}
.box-open[data-v-43990055] { position: absolute; top: 12.675rem; left: 50%; transform: translate(-50%, -50%); width: 27.999806rem; height: 27.999806rem; background-repeat: no-repeat; background-size: 111.999956rem 167.999813rem; background-position: -83.999906rem -140.000006rem; animation:  box-open-x-43990055 0.25s steps(4) 6,box-open-y-43990055 1.5s steps(6) 1; z-index: 0;
}
@keyframes box-open-x-43990055 {
from { background-position-x: 0;
}
to { background-position-x: -111.999956rem;
}
}
@keyframes box-open-y-43990055 {
from { background-position-y: 0;
}
to { background-position-y: -167.999813rem;
}
}
.title-open[data-v-43990055], .reward[data-v-43990055] { position: relative; z-index: 2; color: #fff8ba; font-weight: 900; text-transform: uppercase; text-align: center; text-shadow:  2px 0 #06f, 0 2px #06f, -2px 0 #06f, 0 -2px #06f, 2px 2px #06f, -2px 2px #06f, 2px -2px #06f, -2px -2px #06f;
}
.treasure-scene .title-open[data-v-43990055] { margin-top: 11.2125rem; font-size: 1.124906rem; line-height: 1.5;
}
.reward[data-v-43990055] { max-width: 21.9375rem; color: #fff; font-size: 2.374856rem; font-weight: 700; line-height: 1.3; overflow-wrap: anywhere;
}
.treasure-scene .btn-receive[data-v-43990055] { position: relative; z-index: 2; margin-top: 4.875rem;
}
.state-bonus[data-v-43990055] { position: relative; height: 100%; animation: bonus-up-43990055 0.4s ease-out;
}
.box-random-top[data-v-43990055] { position: absolute; top: 0; width: 24.375rem; z-index: 2;
}
.box-random-light[data-v-43990055] { position: absolute; top: 0.4875rem; width: 24.375rem; height: 17.0625rem;
}
.box-random-middle[data-v-43990055] { position: absolute; top: 7.8rem; width: 24.375rem; height: 14.625rem;
}
.box-random-content[data-v-43990055] { position: absolute; top: 5.11875rem; left: 3.16875rem; width: 18.0375rem; min-height: 18.28125rem; box-sizing: border-box; padding: 2.071875rem 0.975rem 2.4375rem; background: linear-gradient(#fff8ee, #f7c387); border: 1px solid #ffdabf; border-radius: 1.0725rem; box-shadow: inset 0 0 1.299992rem #f34100; text-align: center;
}
.random-title[data-v-43990055] { color: #23170f; font-size: 1.02375rem; font-weight: 400; line-height: 1.35;
}
.double-reward-main[data-v-43990055] { position: relative; margin: 1.4625rem auto 0; padding: 0.78rem 0.39rem 0.609375rem; width: 13.1625rem; box-sizing: border-box; border-radius: 0.804375rem; border: 1px dashed #dc8744; color: #c9371c;
}
.random-tag[data-v-43990055] { position: absolute; top: -0.609375rem; left: 50%; transform: translateX(-50%); padding: 0.195rem 0.43875rem; white-space: nowrap; font-size: 0.6825rem; background: #d8752e; color: #fff; border-radius: 2.4375rem;
}
.random-times[data-v-43990055] { font-size: 1.95rem; font-weight: 900; line-height: 1.35; overflow-wrap: anywhere;
}
.multiplier-unit[data-v-43990055] { font-size: 1.15em;
}
.random-label[data-v-43990055] { margin-top: 0.24375rem; font-size: 0.73125rem; font-weight: 700;
}
.treasure-scene .double-reward-tips[data-v-43990055] { padding: 0.73125rem 0.365625rem; color: #785334; font-size: 0.78rem; line-height: 1.45;
}
.box-random-bottom[data-v-43990055] { position: absolute; top: 17.55rem; width: 24.375rem; z-index: 2;
}
.bonus-actions[data-v-43990055] { position: absolute; top: 29.25rem; left: 1.4625rem; right: 1.4625rem; display: flex; gap: 0.73125rem; z-index: 3;
}
.treasure-scene .secondary-button[data-v-43990055], .treasure-scene .boost-button[data-v-43990055] { display: flex; justify-content: center; align-items: center; flex: 1; min-width: 0; min-height: 3.241875rem; white-space: pre-line; border-radius: 1.70625rem; color: #fff; font-size: 0.909188rem; line-height: 1.25;
}
.secondary-button[data-v-43990055] { background: linear-gradient(107deg, #838383, #67665c);
}
.boost-button[data-v-43990055] { background: linear-gradient(101deg, #5b7ff4 7.39%, #a15cf5 86.48%);
}
.treasure-scene .error-message[data-v-43990055] { position: absolute; top: 31.6875rem; left: 1.21875rem; right: 1.21875rem; padding: 0.365625rem; border-radius: 0.365625rem; text-align: center; color: #fff; background: #702521; font-size: 0.78rem; line-height: 1.4;
}
.treasure-scene .center-box-boost .error-message[data-v-43990055] { top: 34.125rem;
}
.treasure-scene .close-dlframe2[data-v-43990055] { background: transparent; position: absolute; top: max(0rem, env(safe-area-inset-top)); right: 0.4875rem; width: 2.4375rem; height: 2.925rem; cursor: pointer; z-index: 4;
}
.treasure-scene .close-dlframe-iconbg[data-v-43990055] { position: absolute; top: 50%; left: 50%; width: 2.145rem; height: 2.145rem; margin: -1.0725rem 0 0 -1.0725rem; border-radius: 1.21875rem; background: rgba(0, 0, 0, 0.65);
}
.treasure-scene .close-dlframe-icon2[data-v-43990055] { position: absolute; top: 50%; left: 50%; width: 1.340625rem; height: 1.340625rem; margin: -0.670313rem 0 0 -0.670313rem;
}
@keyframes bonus-up-43990055 {
from { transform: translateY(1.95rem); opacity: 0;
}
to { transform: translateY(0); opacity: 1;
}
}
@media (prefers-reduced-motion: reduce) {
.treasure-scene[data-v-43990055] *, .treasure-scene[data-v-43990055] *::before { animation: none !important;
}
.gold-coin-container[data-v-43990055] { display: none;
}
}
/** 从 Hyper google-tmpl.scss 迁入，rem 已按 Panda 基准换算，字体复用本地 Roboto。 */
.material-icons-extended[data-v-1f23f0a4] {
    font-family: 'Material Icons Extended';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
.google-material-icons[data-v-1f23f0a4] {
    font-family: 'Google Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
.f0UV3d[data-v-1f23f0a4] {
    color: rgb(95, 99, 104);
    fill: rgb(95, 99, 104);
    stop-color: rgb(95, 99, 104);
    font-family: 'Google Sans', Roboto, Arial, sans-serif;
    line-height: 1.893938rem;
    font-size: 1.489313rem;
    letter-spacing: 0;
    font-weight: 400;
    font-weight: 500;
    align-items: center;
    display: flex;
    height: 100%;
    margin: 0 16px;
    white-space: nowrap;
    z-index: 1;
}
.Il7kR[data-v-1f23f0a4],
.qxNhq[data-v-1f23f0a4] {
    align-items: flex-start;
    display: flex;
}
.cN0oRe[data-v-1f23f0a4] {
    border-width: 0;
    box-shadow:
        0 1px 2px 0 rgba(60, 64, 67, 0.3),
        0 1px 3px 1px rgba(60, 64, 67, 0.15);
    border-radius: 4px;
    margin: 7px 24px 0 0;
    width: 72px;
}
.cN0oRe .VfPpkd-BFbNVe-bF1uUb[data-v-1f23f0a4] {
    opacity: 0;
}
.fFmL2e[data-v-1f23f0a4] {
    border-radius: 20%;
}
.Fd93Bb[data-v-1f23f0a4] {
    font-family: 'Google Sans', Roboto, Arial, sans-serif;
    line-height: 2.1645rem;
    font-size: 1.623375rem;
    letter-spacing: 0;
    font-weight: 400;
    font-weight: 500;
    align-items: flex-end;
    display: flex;
    overflow-wrap: anywhere;
    width: 100%;
    word-break: keep-all;
}
.tv4jIf[data-v-1f23f0a4] {
    margin-top: 2px;
}
.Vbfug[data-v-1f23f0a4] {
    font-family: 'Google Sans', Roboto, Arial, sans-serif;
    line-height: 1.623375rem;
    font-size: 1.08225rem;
    letter-spacing: 0.00277em;
    font-weight: 500;
}
.auoIOc[data-v-1f23f0a4] {
    color: #01875f;
    fill: #01875f;
    stop-color: #01875f;
}
.auoIOc[data-v-1f23f0a4]:not(:disabled) {
    color: #01875f;
}
.P9KVBf .auoIOc[data-v-1f23f0a4] {
    color: #00a173;
    fill: #00a173;
    stop-color: #00a173;
}
.P9KVBf .auoIOc[data-v-1f23f0a4]:not(:disabled) {
    color: #00a173;
}
.V6ZMnd[data-v-1f23f0a4] {
    color: #0179ca;
    fill: #0179ca;
    stop-color: #0179ca;
}
.V6ZMnd[data-v-1f23f0a4]:not(:disabled) {
    color: #0179ca;
}
.P9KVBf .V6ZMnd[data-v-1f23f0a4] {
    color: #50b4f4;
    fill: #50b4f4;
    stop-color: #50b4f4;
}
.P9KVBf .V6ZMnd[data-v-1f23f0a4]:not(:disabled) {
    color: #50b4f4;
}
.JtbJpb[data-v-1f23f0a4] {
    color: #01875f;
    fill: #01875f;
    stop-color: #01875f;
}
.JtbJpb[data-v-1f23f0a4]:not(:disabled) {
    color: #01875f;
}
.P9KVBf .JtbJpb[data-v-1f23f0a4] {
    color: #00a173;
    fill: #00a173;
    stop-color: #00a173;
}
.ulKokd[data-v-1f23f0a4] {
    color: rgb(95, 99, 104);
    fill: rgb(95, 99, 104);
    stop-color: rgb(95, 99, 104);
    font-family: Roboto, Arial, sans-serif;
    line-height: 1.08225rem;
    font-size: 0.811688rem;
    letter-spacing: 0.0111em;
    font-weight: 400;
}
.ulKokd[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(95, 99, 104);
}
.P9KVBf .ulKokd[data-v-1f23f0a4] {
    color: rgb(154, 160, 166);
    fill: rgb(154, 160, 166);
    stop-color: rgb(154, 160, 166);
}
.P9KVBf .ulKokd[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(154, 160, 166);
}
.P9KVBf .JtbJpb[data-v-1f23f0a4]:not(:disabled) {
    color: #00a173;
}
.JU1wdd[data-v-1f23f0a4] {
    height: 64px;
    margin: 16px 0 24px -24px;
    padding: 12px 0;
    width: 24.375rem;
}
.w7Iutd[data-v-1f23f0a4] {
    align-items: center;
    display: flex;
}
.w7Iutd > :first-child:last-child ~ .wVqUob[data-v-1f23f0a4],
.w7Iutd > :first-child:nth-last-child(2) ~ .wVqUob[data-v-1f23f0a4],
.w7Iutd > :first-child:nth-last-child(3) ~ .wVqUob[data-v-1f23f0a4] {
    padding: 0 24px;
}
.wVqUob[data-v-1f23f0a4] {
    padding: 0 16px;
    position: relative;
    min-width: 96px;
}
.wVqUob[data-v-1f23f0a4]:first-child {
    padding-left: 0;
}
.wVqUob[data-v-1f23f0a4]:not(:first-child)::before {
    background-color: rgb(232, 234, 237);
    content: '';
    display: block;
    height: 24px;
    left: 0;
    position: absolute;
    top: calc(50% - 12px);
    width: 1px;
}
.P9KVBf .wVqUob[data-v-1f23f0a4]:not(:first-child)::before {
    background-color: rgb(60, 64, 67);
}
.ClM7O[data-v-1f23f0a4] {
    color: rgb(32, 33, 36);
    fill: rgb(32, 33, 36);
    stop-color: rgb(32, 33, 36);
    font-family: 'Google Sans', Roboto, Arial, sans-serif;
    line-height: 1.352813rem;
    font-size: 0.94575rem;
    letter-spacing: 0.00793em;
    font-weight: 500;
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    white-space: nowrap;
}
.ClM7O[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(32, 33, 36);
}
.P9KVBf .ClM7O[data-v-1f23f0a4] {
    color: rgb(232, 234, 237);
    fill: rgb(232, 234, 237);
    stop-color: rgb(232, 234, 237);
}
.P9KVBf .ClM7O[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(232, 234, 237);
}
.g1rdde[data-v-1f23f0a4] {
    color: rgb(95, 99, 104);
    fill: rgb(95, 99, 104);
    stop-color: rgb(95, 99, 104);
    font-family: Roboto, Arial, sans-serif;
    line-height: 1.08225rem;
    font-size: 0.811688rem;
    letter-spacing: 0.00111em;
    font-weight: 400;
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: center;
    white-space: nowrap;
}
.g1rdde[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(95, 99, 104);
}
.P9KVBf .g1rdde[data-v-1f23f0a4] {
    color: rgb(154, 160, 166);
    fill: rgb(154, 160, 166);
    stop-color: rgb(154, 160, 166);
}
.P9KVBf .g1rdde[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(154, 160, 166);
}
.eQLGk[data-v-1f23f0a4] {
    cursor: pointer;
    line-height: 12px;
    margin-left: 4px;
}
.TT9eCd[data-v-1f23f0a4] {
    align-items: center;
    display: flex;
}
.ERwvGb[data-v-1f23f0a4]:nth-child(n) {
    font-size: 12px;
}
.yyf8A[data-v-1f23f0a4]:nth-child(n) {
    font-size: inherit;
}
.z9nYqc[data-v-1f23f0a4] {
    cursor: pointer;
    line-height: 12px;
    margin-left: 4px;
}
.hJ7Hse[data-v-1f23f0a4]:nth-child(n) {
    font-size: inherit;
}
.Qh5JFb[data-v-1f23f0a4] {
    line-height: 12px;
    margin-left: 4px;
}
.atLm6[data-v-1f23f0a4] {
    margin-right: 16px;
    vertical-align: middle;
}
.B6ueub[data-v-1f23f0a4] {
    height: 18px;
    margin-right: 7px;
    width: 18px;
}
.XjKdFd[data-v-1f23f0a4] {
    color: rgb(32, 33, 36);
    fill: rgb(32, 33, 36);
    stop-color: rgb(32, 33, 36);
    font-family: 'Google Sans', Roboto, Arial, sans-serif;
    line-height: 1.623375rem;
    font-size: 1.08225rem;
    letter-spacing: 0.00625em;
    font-weight: 500;
    margin-bottom: 12px;
}
.XjKdFd[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(32, 33, 36);
}
.P9KVBf .XjKdFd[data-v-1f23f0a4] {
    color: rgb(232, 234, 237);
    fill: rgb(232, 234, 237);
    stop-color: rgb(232, 234, 237);
}
.P9KVBf .XjKdFd[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(232, 234, 237);
}
.sUSdNe[data-v-1f23f0a4] {
    color: rgb(95, 99, 104);
    fill: rgb(95, 99, 104);
    stop-color: rgb(95, 99, 104);
    font-size: 0.94575rem;
    font-weight: 400;
    letter-spacing: 0.015454rem;
    line-height: 1.352813rem;
    margin-bottom: 10px;
}
.sUSdNe[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(95, 99, 104);
}
.P9KVBf .sUSdNe[data-v-1f23f0a4] {
    color: rgb(154, 160, 166);
    fill: rgb(154, 160, 166);
    stop-color: rgb(154, 160, 166);
}
.P9KVBf .sUSdNe[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(154, 160, 166);
}
.m46uhe[data-v-1f23f0a4] {
    color: rgb(32, 33, 36);
    fill: rgb(32, 33, 36);
    stop-color: rgb(32, 33, 36);
}
.m46uhe[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(32, 33, 36);
}
.P9KVBf .m46uhe[data-v-1f23f0a4] {
    color: rgb(232, 234, 237);
    fill: rgb(232, 234, 237);
    stop-color: rgb(232, 234, 237);
}
.P9KVBf .m46uhe[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(232, 234, 237);
}
.l8YSdd[data-v-1f23f0a4] {
    align-items: center;
    display: flex;
    overflow: auto;
    width: 100%;
}
.VuUAje[data-v-1f23f0a4] {
    color: #01875f;
    fill: #01875f;
    stop-color: #01875f;
}
.VuUAje[data-v-1f23f0a4]:not(:disabled) {
    color: #01875f;
}
.P9KVBf .VuUAje[data-v-1f23f0a4] {
    color: #00a173;
    fill: #00a173;
    stop-color: #00a173;
}
.P9KVBf .VuUAje[data-v-1f23f0a4]:not(:disabled) {
    color: #00a173;
}
.nC9GBc[data-v-1f23f0a4] {
    color: #0179ca;
    fill: #0179ca;
    stop-color: #0179ca;
}
.nC9GBc[data-v-1f23f0a4]:not(:disabled) {
    color: #0179ca;
}
.P9KVBf .nC9GBc[data-v-1f23f0a4] {
    color: #50b4f4;
    fill: #50b4f4;
    stop-color: #50b4f4;
}
.P9KVBf .nC9GBc[data-v-1f23f0a4]:not(:disabled) {
    color: #50b4f4;
}
.bDwnVb[data-v-1f23f0a4] {
    color: #c71c56;
    fill: #c71c56;
    stop-color: #c71c56;
}
.bDwnVb[data-v-1f23f0a4]:not(:disabled) {
    color: #c71c56;
}
.P9KVBf .bDwnVb[data-v-1f23f0a4] {
    color: #ff3369;
    fill: #ff3369;
    stop-color: #ff3369;
}
.P9KVBf .bDwnVb[data-v-1f23f0a4]:not(:disabled) {
    color: #ff3369;
}
.xCoTHe[data-v-1f23f0a4] {
    color: rgb(32, 33, 36);
    fill: rgb(32, 33, 36);
    stop-color: rgb(32, 33, 36);
}
.xCoTHe[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(32, 33, 36);
}
.P9KVBf .xCoTHe[data-v-1f23f0a4] {
    color: rgb(232, 234, 237);
    fill: rgb(232, 234, 237);
    stop-color: rgb(232, 234, 237);
}
.P9KVBf .xCoTHe[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(232, 234, 237);
}
.yyaGpb[data-v-1f23f0a4] {
    display: flex;
    justify-content: center;
    width: 100%;
}
.P7NFWb[data-v-1f23f0a4] {
    background-color: #fff;
    border-top: 1px solid rgb(218, 220, 224);
    bottom: 0;
    display: flex;
    height: 56px;
    justify-content: center;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 3;
}
.P9KVBf .P7NFWb[data-v-1f23f0a4] {
    border-top: 1px solid rgb(95, 99, 104);
    background-color: rgb(32, 33, 36);
}
.hcq9Df[data-v-1f23f0a4],
.edaMIf[data-v-1f23f0a4],
.hcq9Df .bGJWSe[data-v-1f23f0a4] {
    align-items: center;
    display: flex;
}
.hcq9Df .OBVQ7[data-v-1f23f0a4] {
    padding-left: 16px;
}
.kk2r5b[data-v-1f23f0a4] {
    align-items: unset;
    display: flex;
    flex-direction: column;
}
.kk2r5b .bGJWSe[data-v-1f23f0a4] {
    flex-grow: 1;
}
.kk2r5b .OBVQ7[data-v-1f23f0a4] {
    margin: auto;
}
.u4ICaf .BhQfub[data-v-1f23f0a4]:not(:disabled) {
    background-color: #01875f;
}
.u4ICaf .BhQfub[data-v-1f23f0a4]:not(:disabled):hover {
    background-color: #056449;
}
.u4ICaf .BhQfub:not(:disabled).VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe[data-v-1f23f0a4],
.u4ICaf .BhQfub[data-v-1f23f0a4]:not(:disabled):not(.VfPpkd-ksKsZd-mWPk3d):focus {
    background-color: #056449;
}
.u4ICaf .BhQfub[data-v-1f23f0a4]:not(:disabled):not(:disabled):active {
    background-color: #056449;
}
.P9KVBf .u4ICaf .BhQfub[data-v-1f23f0a4]:not(:disabled) {
    background-color: #00a173;
}
.P9KVBf .u4ICaf .BhQfub[data-v-1f23f0a4]:not(:disabled):hover {
    background-color: #00b380;
}
.P9KVBf .u4ICaf .BhQfub:not(:disabled).VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe[data-v-1f23f0a4],
.P9KVBf .u4ICaf .BhQfub[data-v-1f23f0a4]:not(:disabled):not(.VfPpkd-ksKsZd-mWPk3d):focus {
    background-color: #00b380;
}
.P9KVBf .u4ICaf .BhQfub[data-v-1f23f0a4]:not(:disabled):not(:disabled):active {
    background-color: #00b380;
}
.MjT6xe .VfPpkd-Jh9lGc[data-v-1f23f0a4] {
    border-radius: 8px;
}
.MjT6xe .VfPpkd-J1Ukfc-LhBDec[data-v-1f23f0a4] {
    border-radius: 6px;
}
.MjT6xe .VfPpkd-J1Ukfc-LhBDec[data-v-1f23f0a4]::after {
    border-radius: 8px;
}
.LQeN7 .VfPpkd-J1Ukfc-LhBDec[data-v-1f23f0a4] {
    pointer-events: none;
    border-radius: 6px;
    box-sizing: content-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% + 4px);
    width: calc(100% + 4px);
}
.VfPpkd-LgbsSe .VfPpkd-RLmnJb[data-v-1f23f0a4] {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
.VfPpkd-vQzf8d + .VfPpkd-kBDsod[data-v-1f23f0a4] {
    margin-left: 8px;
    margin-right: 0;
}
.FuSudc[data-v-1f23f0a4] {
    display: flex;
    flex-direction: column;
}
.VfPpkd-dgl2Hf-ppHlrf-sM5MNb[data-v-1f23f0a4] {
    display: inline;
}
.u4ICaf .aLey0c[data-v-1f23f0a4]:not(:disabled) {
    color: #01875f;
}
.ksBjEc .VfPpkd-Jh9lGc[data-v-1f23f0a4] {
    height: 100%;
    position: absolute;
    overflow: hidden;
    width: 100%;
    z-index: 0;
}
.qQhJce[data-v-1f23f0a4] {
    margin: 10px 0;
}
.VfPpkd-LgbsSe[data-v-1f23f0a4] {
    font-family: Roboto, sans-serif;
    font-size: 0.94575rem;
    letter-spacing: 0.0892857143em;
    font-weight: 500;
    /* text-transform: uppercase; */
    height: 36px;
    border-radius: 4px;
}
.ksBjEc[data-v-1f23f0a4] {
    font-family: 'Google Sans', Roboto, Arial, sans-serif;
    font-size: 0.94575rem;
    letter-spacing: 0.0107142857em;
    font-weight: 500;
    text-transform: none;
}
.OahvPe .y0nrBe[data-v-1f23f0a4],
.egcKT .y0nrBe[data-v-1f23f0a4] {
    height: 24px;
    width: 24px;
}
.u4ICaf .aLey0c:not(:disabled) .VfPpkd-kBDsod[data-v-1f23f0a4] {
    color: #01875f;
}
.f70z8e[data-v-1f23f0a4] {
    color: #01875f;
    fill: #01875f;
    stop-color: #01875f;
}
.f70z8e[data-v-1f23f0a4]:not(:disabled) {
    color: #01875f;
}
article[data-v-1f23f0a4],
aside[data-v-1f23f0a4],
details[data-v-1f23f0a4],
figcaption[data-v-1f23f0a4],
figure[data-v-1f23f0a4],
footer[data-v-1f23f0a4],
header[data-v-1f23f0a4],
hgroup[data-v-1f23f0a4],
menu[data-v-1f23f0a4],
nav[data-v-1f23f0a4],
section[data-v-1f23f0a4] {
    display: block;
}
.HcyOxe[data-v-1f23f0a4] {
    container-type: inline-size;
    container-name: section-wrapper;
    padding-top: 20px;
    width: 100%;
}
.cswwxf[data-v-1f23f0a4] {
    padding-bottom: 20px;
}
.VMq4uf[data-v-1f23f0a4] {
    color: rgb(32, 33, 36);
    fill: rgb(32, 33, 36);
    stop-color: rgb(32, 33, 36);
    font-family: 'Google Sans', Roboto, Arial, sans-serif;
    line-height: 1.623375rem;
    font-size: 1.21875rem;
    letter-spacing: 0;
    font-weight: 400;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
}
.VMq4uf[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(32, 33, 36);
}
.EaMWib[data-v-1f23f0a4] {
    margin-right: 16px;
}
.XfZNbf[data-v-1f23f0a4] {
    display: flex;
    align-items: center;
}
.aJ3edd[data-v-1f23f0a4] {
    color: rgb(95, 99, 104);
    fill: rgb(95, 99, 104);
    stop-color: rgb(95, 99, 104);
    font-family: Roboto, Arial, sans-serif;
    line-height: 1.08225rem;
    font-size: 0.811688rem;
    letter-spacing: 0.025em;
    font-weight: 400;
    font-family: Roboto, Helvetica, Arial, sans-serif;
}
.aJ3edd[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(95, 99, 104);
}
.P9KVBf .aJ3edd[data-v-1f23f0a4] {
    color: rgb(154, 160, 166);
    fill: rgb(154, 160, 166);
    stop-color: rgb(154, 160, 166);
}
.P9KVBf .aJ3edd[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(154, 160, 166);
}
.SfzRHd[data-v-1f23f0a4] {
    color: rgb(95, 99, 104);
    fill: rgb(95, 99, 104);
    stop-color: rgb(95, 99, 104);
    font-size: 0.94575rem;
    font-weight: 300;
    letter-spacing: 0.0142857143em;
    line-height: 1.352813rem;
    font-family: Roboto, Helvetica, Arial, sans-serif;
}
.XGHsbd[data-v-1f23f0a4] {
    border-color: rgb(218, 220, 224);
    border-radius: 8px;
    border: 1px solid;
    margin-top: 30px;
    padding: 20px 20px 0;
}
.XGHsbd[data-v-1f23f0a4]:not(:disabled) {
    border-color: rgb(218, 220, 224);
}
.T75of[data-v-1f23f0a4] {
    background-size: contain;
}
.whEyae[data-v-1f23f0a4] {
    height: 20px;
    margin-right: 20px;
    width: 20px;
}
.wGcURe[data-v-1f23f0a4] {
    align-items: flex-start;
    display: flex;
}
.wGcURe[data-v-1f23f0a4]:not(:first-child) {
    margin-top: 20px;
}
.wGcURe[data-v-1f23f0a4]:only-child {
    margin-bottom: 20px;
}
.SfzRHd[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(95, 99, 104);
}
.P9KVBf .SfzRHd[data-v-1f23f0a4] {
    color: rgb(154, 160, 166);
    fill: rgb(154, 160, 166);
    stop-color: rgb(154, 160, 166);
}
.P9KVBf .SfzRHd[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(154, 160, 166);
}
.jqSImf[data-v-1f23f0a4] {
    display: none;
}
.LMcLV[data-v-1f23f0a4] {
    flex-direction: column;
}
.VfPpkd-dgl2Hf-ppHlrf-sM5MNb[data-v-1f23f0a4] {
    display: inline;
}
.VfPpkd-Bz112c-LgbsSe[data-v-1f23f0a4]:disabled {
    color: rgba(0, 0, 0, 0.38);
    color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));
}
.VfPpkd-Bz112c-LgbsSe svg[data-v-1f23f0a4],
.VfPpkd-Bz112c-LgbsSe img[data-v-1f23f0a4] {
    width: 24px;
    height: 24px;
}
.VfPpkd-Bz112c-LgbsSe[data-v-1f23f0a4] {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    border: none;
    outline: none;
    background-color: transparent;
    fill: currentColor;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    z-index: 0;
    overflow: visible;
}
.VfPpkd-Bz112c-LgbsSe .VfPpkd-Bz112c-RLmnJb[data-v-1f23f0a4] {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 50%;
    width: 48px;
    transform: translate(-50%, -50%);
}
.VfPpkd-Bz112c-LgbsSe .VfPpkd-Bz112c-Jh9lGc[data-v-1f23f0a4] {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.mN1ivc .VfPpkd-Bz112c-J1Ukfc-LhBDec[data-v-1f23f0a4] {
    pointer-events: none;
    border-radius: 6px;
    box-sizing: content-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
}
.bARER[data-v-1f23f0a4] {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.94575rem;
    font-weight: 400;
    letter-spacing: 0.0142857143em;
    line-height: 1.352813rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    max-height: 8.124187rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
.TKjAsc[data-v-1f23f0a4] {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 24px;
}
.lXlx5[data-v-1f23f0a4] {
    color: rgb(32, 33, 36);
    fill: rgb(32, 33, 36);
    stop-color: rgb(32, 33, 36);
    font-family: 'Google Sans', Roboto, Arial, sans-serif;
    line-height: 1.352813rem;
    font-size: 0.94575rem;
    letter-spacing: 0.0178571429em;
    font-weight: 500;
}
.lXlx5[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(32, 33, 36);
}
.P9KVBf .lXlx5[data-v-1f23f0a4] {
    color: rgb(232, 234, 237);
    fill: rgb(232, 234, 237);
    stop-color: rgb(232, 234, 237);
}
.xg1aie[data-v-1f23f0a4] {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.94575rem;
    font-weight: 400;
    letter-spacing: 0.0142857143em;
    line-height: 1.352813rem;
    margin-top: 4px;
}
.VfPpkd-dgl2Hf-ppHlrf-sM5MNb[data-v-1f23f0a4] {
    display: inline;
}
.LMoCf[data-v-1f23f0a4] {
    min-height: auto;
    padding: 0 15px 0 15px;
    height: 32px;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 16px;
}
.LMoCf[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(95, 99, 104);
}
.LMoCf[data-v-1f23f0a4]:not(:disabled):hover {
    color: rgb(32, 33, 36);
}
.LMoCf:not(:disabled).VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe[data-v-1f23f0a4],
.LMoCf[data-v-1f23f0a4]:not(:disabled):not(.VfPpkd-ksKsZd-mWPk3d):focus {
    color: rgb(32, 33, 36);
}
.LMoCf[data-v-1f23f0a4]:not(:disabled):not(:disabled):active {
    color: rgb(32, 33, 36);
}
.LMoCf[data-v-1f23f0a4]:disabled {
    color: rgb(95, 99, 104);
}
.LMoCf .VfPpkd-Jh9lGc[data-v-1f23f0a4]::before {
    background-color: rgb(60, 64, 67);
}
.LMoCf .VfPpkd-Jh9lGc[data-v-1f23f0a4]::after {
    background-color: rgb(60, 64, 67);
}
.LMoCf .VfPpkd-RLmnJb[data-v-1f23f0a4] {
    height: 100%;
}
.LMoCf .VfPpkd-Jh9lGc[data-v-1f23f0a4] {
    border-radius: 16px;
}
.LMoCf .VfPpkd-J1Ukfc-LhBDec[data-v-1f23f0a4] {
    border-radius: 14px;
}
.LMoCf .VfPpkd-J1Ukfc-LhBDec[data-v-1f23f0a4]::after {
    border-radius: 16px;
}
.LMoCf[data-v-1f23f0a4]:not(:disabled) {
    border-color: rgb(218, 220, 224);
}
.LMoCf[data-v-1f23f0a4]:not(:disabled):hover {
    border-color: rgb(218, 220, 224);
}
.LMoCf:not(:disabled).VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe[data-v-1f23f0a4],
.LMoCf[data-v-1f23f0a4]:not(:disabled):not(.VfPpkd-ksKsZd-mWPk3d):focus {
    border-color: rgb(32, 33, 36);
}
.LMoCf[data-v-1f23f0a4]:disabled {
    border-color: rgb(218, 220, 224);
}
.P9KVBf .LMoCf[data-v-1f23f0a4]:nth-child(n) {
    height: 32px;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 16px;
}
.P9KVBf .LMoCf[data-v-1f23f0a4]:nth-child(n):not(:disabled) {
    color: rgb(154, 160, 166);
}
.P9KVBf .LMoCf[data-v-1f23f0a4]:nth-child(n):not(:disabled):hover {
    color: rgb(189, 193, 198);
}
.P9KVBf .LMoCf:nth-child(n):not(:disabled).VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe[data-v-1f23f0a4],
.P9KVBf .LMoCf[data-v-1f23f0a4]:nth-child(n):not(:disabled):not(.VfPpkd-ksKsZd-mWPk3d):focus {
    color: rgb(189, 193, 198);
}
.P9KVBf .LMoCf[data-v-1f23f0a4]:nth-child(n):not(:disabled):not(:disabled):active {
    color: rgb(189, 193, 198);
}
.P9KVBf .LMoCf[data-v-1f23f0a4]:nth-child(n):disabled {
    color: rgb(154, 160, 166);
}
.P9KVBf .LMoCf:nth-child(n) .VfPpkd-Jh9lGc[data-v-1f23f0a4]::before {
    background-color: rgb(154, 160, 166);
}
.P9KVBf .LMoCf:nth-child(n) .VfPpkd-Jh9lGc[data-v-1f23f0a4]::after {
    background-color: rgb(154, 160, 166);
}
.P9KVBf .LMoCf:nth-child(n) .VfPpkd-RLmnJb[data-v-1f23f0a4] {
    height: 100%;
}
.P9KVBf .LMoCf:nth-child(n) .VfPpkd-Jh9lGc[data-v-1f23f0a4] {
    border-radius: 16px;
}
.P9KVBf .LMoCf:nth-child(n) .VfPpkd-J1Ukfc-LhBDec[data-v-1f23f0a4] {
    border-radius: 14px;
}
.P9KVBf .LMoCf:nth-child(n) .VfPpkd-J1Ukfc-LhBDec[data-v-1f23f0a4]::after {
    border-radius: 16px;
}
.P9KVBf .LMoCf[data-v-1f23f0a4]:nth-child(n):not(:disabled) {
    border-color: rgb(95, 99, 104);
}
.P9KVBf .LMoCf[data-v-1f23f0a4]:nth-child(n):not(:disabled):hover {
    border-color: rgb(95, 99, 104);
}
.P9KVBf .LMoCf:nth-child(n):not(:disabled).VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe[data-v-1f23f0a4],
.P9KVBf .LMoCf[data-v-1f23f0a4]:nth-child(n):not(:disabled):not(.VfPpkd-ksKsZd-mWPk3d):focus {
    border-color: rgb(189, 193, 198);
}
.P9KVBf .LMoCf[data-v-1f23f0a4]:nth-child(n):disabled {
    border-color: rgb(95, 99, 104);
}
.Rj2Mlf .VfPpkd-Jh9lGc[data-v-1f23f0a4] {
    height: 100%;
    position: absolute;
    overflow: hidden;
    width: 100%;
    z-index: 0;
}
.P62QJc .VfPpkd-Jh9lGc[data-v-1f23f0a4] {
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border-width: 1px;
}
.LMoCf .VfPpkd-Jh9lGc[data-v-1f23f0a4] {
    border-radius: 16px;
}
.VfPpkd-LgbsSe .VfPpkd-vQzf8d[data-v-1f23f0a4] {
    position: relative;
}
.P62QJc .VfPpkd-RLmnJb[data-v-1f23f0a4] {
    left: -1px;
    width: calc(100% + 2px);
}
.LMoCf .VfPpkd-RLmnJb[data-v-1f23f0a4] {
    height: 100%;
}
.Uc6QCc[data-v-1f23f0a4] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 12px;
    margin-bottom: 4px;
    margin-top: 28px;
}
.P9KVBf .lXlx5[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(232, 234, 237);
}
.VMq4uf[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(32, 33, 36);
}
.P9KVBf .VMq4uf[data-v-1f23f0a4] {
    color: rgb(232, 234, 237);
    fill: rgb(232, 234, 237);
    stop-color: rgb(232, 234, 237);
}
.P9KVBf .VMq4uf[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(232, 234, 237);
}
.VMq4uf .W7A5Qb[data-v-1f23f0a4] {
    color: rgb(95, 99, 104);
    fill: rgb(95, 99, 104);
    stop-color: rgb(95, 99, 104);
    font-size: 20px;
    padding: 2px;
}
.VMq4uf .W7A5Qb[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(95, 99, 104);
}
.P9KVBf .VMq4uf .W7A5Qb[data-v-1f23f0a4] {
    color: rgb(154, 160, 166);
    fill: rgb(154, 160, 166);
    stop-color: rgb(154, 160, 166);
}
.P9KVBf .VMq4uf .W7A5Qb[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(154, 160, 166);
}
.uEz1ib[data-v-1f23f0a4] {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    max-width: 112px;
}
.jb05Ib[data-v-1f23f0a4] {
    line-height: 0;
}
.WL3b7c[data-v-1f23f0a4] {
    font-family: 'Google Sans', Roboto, Arial, sans-serif;
    line-height: 1.352813rem;
    font-size: 0.94575rem;
    letter-spacing: 0.0079365em;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.Y4jiDf[data-v-1f23f0a4] {
    color: rgb(95, 99, 104);
    fill: rgb(95, 99, 104);
    stop-color: rgb(95, 99, 104);
}
.Y4jiDf[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(95, 99, 104);
}
.P9KVBf .Y4jiDf[data-v-1f23f0a4] {
    color: rgb(154, 160, 166);
    fill: rgb(154, 160, 166);
    stop-color: rgb(154, 160, 166);
}
.P9KVBf .Y4jiDf[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(154, 160, 166);
}
.sziCu[data-v-1f23f0a4] {
    display: none;
}
.google-iframe[data-v-1f23f0a4] {
    position: absolute;
    top: 0;
    left: 0;
    width: 24.375rem;
    height: 100vh;
    background: white;
}
.gy9zre[data-v-1f23f0a4] {
    display: inline-flex;
}
.LjDxcd[data-v-1f23f0a4] {
    font-family: 'Google Sans', Roboto, Arial, sans-serif;
    font-size: 0.94575rem;
    letter-spacing: 0.0107142857em;
    font-weight: 500;
    text-transform: none;
}
.LjDxcd .VfPpkd-Jh9lGc[data-v-1f23f0a4] {
    height: 100%;
    position: absolute;
    overflow: hidden;
    width: 100%;
    z-index: 0;
}
.LjDxcd[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(95, 99, 104);
    color: var(--gm-neutraltextbutton-ink-color, rgb(95, 99, 104));
}
.LjDxcd[data-v-1f23f0a4]:disabled {
    color: rgba(60, 64, 67, 0.38);
    color: var(--gm-neutraltextbutton-disabled-ink-color, rgba(60, 64, 67, 0.38));
}
.LjDxcd[data-v-1f23f0a4]:hover:not(:disabled),
.LjDxcd.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe[data-v-1f23f0a4]:not(:disabled),
.LjDxcd[data-v-1f23f0a4]:not(.VfPpkd-ksKsZd-mWPk3d):focus:not(:disabled),
.LjDxcd[data-v-1f23f0a4]:active:not(:disabled) {
    color: rgb(32, 33, 36);
    color: var(--gm-neutraltextbutton-ink-color--stateful, rgb(32, 33, 36));
}
.LjDxcd .VfPpkd-UdE5de-uDEFge .VfPpkd-JGcpL-uI4vCe-LkdAo[data-v-1f23f0a4],
.LjDxcd .VfPpkd-UdE5de-uDEFge .VfPpkd-JGcpL-IdXvz-LkdAo-Bd00G[data-v-1f23f0a4] {
    stroke: rgb(95, 99, 104);
}
.VfPpkd-LgbsSe .VfPpkd-kBDsod[data-v-1f23f0a4] {
    margin-left: 0;
    margin-right: 8px;
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.VfPpkd-vQzf8d + .VfPpkd-kBDsod[data-v-1f23f0a4] {
    margin-left: 8px;
    margin-right: 0;
}
.B8vmF .VfPpkd-kBDsod[data-v-1f23f0a4] {
    font-size: 1.08225rem;
    width: 1.0725rem;
    height: 1.0725rem;
}
.VfPpkd-LgbsSe[data-v-1f23f0a4] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 64px;
    border: none;
    outline: none;
    line-height: inherit;
    user-select: none;
    -webkit-appearance: none;
    overflow: visible;
    vertical-align: middle;
    background: transparent;
}
.VfPpkd-LgbsSe-OWXEXe-dgl2Hf[data-v-1f23f0a4] {
    margin-top: 6px;
    margin-bottom: 6px;
}
.VfPpkd-LgbsSe[data-v-1f23f0a4] {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
}
.B8vmF[data-v-1f23f0a4] {
    font-size: 0.811688rem;
    font-weight: 400;
    border-radius: 8px;
    padding: 0;
}
.QKBJgd[data-v-1f23f0a4] {
    margin-bottom: 12px;
}
.b6SkTb[data-v-1f23f0a4] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.D3Qfie.KKjvXb[data-v-1f23f0a4] {
    color: rgb(26, 115, 232);
    fill: rgb(26, 115, 232);
    background-color: rgb(232, 240, 254);
    border: none;
    padding: 1px;
}
.EFMXQ.KKjvXb[data-v-1f23f0a4] {
    color: #056449;
    fill: #056449;
    stop-color: #056449;
    background-color: #e6f3ef;
}
.EFMXQ.KKjvXb[data-v-1f23f0a4]:not(:disabled) {
    color: #056449;
}
.EFMXQ.KKjvXb[data-v-1f23f0a4]:not(:disabled) {
    background-color: #e6f3ef;
}
.Gggmbb[data-v-1f23f0a4] {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.D3Qfie .Gggmbb[data-v-1f23f0a4] {
    background-color: rgb(95, 99, 104);
}
.kW9Bj[data-v-1f23f0a4] {
    align-items: center;
    display: flex;
    position: relative;
    margin: 0 16px;
}
.kW9Bj .ypTNYd[data-v-1f23f0a4] {
    display: inline-block;
    margin: 6px 4px;
}
.c6xzBd[data-v-1f23f0a4] {
    display: inline-flex;
    flex-shrink: 0;
    margin: 0 4px 0 0;
}
.c6xzBd.jv2yne[data-v-1f23f0a4] {
    display: none;
}
.kofMvc .Ka7T4c[data-v-1f23f0a4],
.KnEF3e .Ka7T4c[data-v-1f23f0a4] {
    font-size: 16px;
}
.D3Qfie[data-v-1f23f0a4] {
    color: rgb(95, 99, 104);
    fill: rgb(95, 99, 104);
    background-color: #fff;
    border: 1px rgb(218, 220, 224) solid;
    border-radius: 16px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-family: 'Google Sans', Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    letter-spacing: 0.25px;
    line-height: 18px;
    min-width: auto;
    outline: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    transition: background 0.2s 0.1s;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    z-index: 0;
}
.P9KVBf .D3Qfie[data-v-1f23f0a4] {
    color: rgb(154, 160, 166);
    fill: rgb(154, 160, 166);
}
.P9KVBf .D3Qfie[data-v-1f23f0a4] {
    background-color: rgb(32, 33, 36);
}
.P9KVBf .D3Qfie[data-v-1f23f0a4] {
    border: 1px rgb(95, 99, 104) solid;
}
.Jwxk6d[data-v-1f23f0a4] {
    display: grid;
    flex-grow: 1;
    grid-template-columns: 1fr;
}
.HJV0ef[data-v-1f23f0a4] {
    padding-bottom: 16px;
}
.P4w39d[data-v-1f23f0a4] {
    display: flex;
    padding-top: 24px;
}
.Te9Tpc[data-v-1f23f0a4] {
    column-gap: 24px;
    display: grid;
    flex-grow: 1;
    grid-template-columns: max-content auto;
}
.jILTFe[data-v-1f23f0a4] {
    color: rgb(32, 33, 36);
    fill: rgb(32, 33, 36);
    stop-color: rgb(32, 33, 36);
    font-family: 'Google Sans Display', Roboto, Arial, sans-serif;
    line-height: 4.331437rem;
    font-size: 3.791531rem;
    letter-spacing: 0;
    font-weight: 400;
}
.jILTFe[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(32, 33, 36);
}
.P9KVBf .jILTFe[data-v-1f23f0a4] {
    color: rgb(232, 234, 237);
    fill: rgb(232, 234, 237);
    stop-color: rgb(232, 234, 237);
}
.P9KVBf .jILTFe[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(232, 234, 237);
}
.o9hhOd[data-v-1f23f0a4],
.I26one[data-v-1f23f0a4],
.iXRFPc[data-v-1f23f0a4] {
    display: inline-block;
}
.deXnLd[data-v-1f23f0a4] {
    height: 16px;
    width: 16px;
}
.Bp7T9b[data-v-1f23f0a4],
.deXnLd[data-v-1f23f0a4],
.F7XJmb[data-v-1f23f0a4] {
    display: inline-block;
    text-align: left;
}
.Z1Dz7b[data-v-1f23f0a4] {
    color: #01875f;
    fill: #01875f;
    stop-color: #01875f;
}
.Z1Dz7b[data-v-1f23f0a4]:not(:disabled) {
    color: #01875f;
}
.P9KVBf .Z1Dz7b[data-v-1f23f0a4] {
    color: #00a173;
    fill: #00a173;
    stop-color: #00a173;
}
.P9KVBf .Z1Dz7b[data-v-1f23f0a4]:not(:disabled) {
    color: #00a173;
}
.JzwBgb[data-v-1f23f0a4] {
    display: grid;
    grid-template-columns: max-content auto;
    align-items: center;
}
.RJfYGf[data-v-1f23f0a4] {
    border-radius: 9999px;
    background-color: rgb(232, 234, 237);
    height: 10px;
}
.RJfYGf[data-v-1f23f0a4]:not(:disabled) {
    background-color: rgb(232, 234, 237);
}
.wcB8se[data-v-1f23f0a4] {
    background-color: #01875f;
}
.wcB8se[data-v-1f23f0a4]:not(:disabled) {
    background-color: #01875f;
}
.P9KVBf .wcB8se[data-v-1f23f0a4] {
    background-color: #00a173;
}
.P9KVBf .wcB8se[data-v-1f23f0a4]:not(:disabled) {
    background-color: #00a173;
}
.Qjdn7d[data-v-1f23f0a4] {
    font-family: Roboto, Arial, sans-serif;
    line-height: 1.08225rem;
    font-size: 0.811688rem;
    letter-spacing: 0.025em;
    font-weight: 400;
    padding-right: 16px;
}
.RutFAf[data-v-1f23f0a4] {
    height: 100%;
    border-radius: inherit;
}
.wcB8se[data-v-1f23f0a4] {
    background-color: #01875f;
}
.wcB8se[data-v-1f23f0a4]:not(:disabled) {
    background-color: #01875f;
}
.YNR7H[data-v-1f23f0a4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.gSGphe[data-v-1f23f0a4] {
    display: grid;
    align-items: center;
    grid-column-gap: 16px;
    grid-template-columns: repeat(2, max-content);
}
.VfPpkd-xl07Ob-XxIAqe-OWXEXe-oYxtQd[data-v-1f23f0a4] {
    position: relative;
    overflow: visible;
}
.VfPpkd-xl07Ob-XxIAqe-OWXEXe-qbOKL[data-v-1f23f0a4] {
    position: fixed;
}
.VfPpkd-xl07Ob-XxIAqe-OWXEXe-tsQazb[data-v-1f23f0a4] {
    width: 100%;
}
.Jx4nYe[data-v-1f23f0a4],
.AJTPZc[data-v-1f23f0a4] {
    margin-top: 16px;
}
.EGFGHd[data-v-1f23f0a4] {
    padding: 16px 0;
}
.o9hhOd[data-v-1f23f0a4],
.I26one[data-v-1f23f0a4],
.iXRFPc[data-v-1f23f0a4] {
    display: inline-block;
}
.bp9Aid[data-v-1f23f0a4] {
    color: rgb(95, 99, 104);
    fill: rgb(95, 99, 104);
    stop-color: rgb(95, 99, 104);
    font-family: Roboto, Arial, sans-serif;
    font-size: 0.811688rem;
    font-weight: 400;
    letter-spacing: 0.025em;
    line-height: 1.08225rem;
    margin-left: 1ch;
}
.bp9Aid[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(95, 99, 104);
}
.P9KVBf .bp9Aid[data-v-1f23f0a4] {
    color: rgb(154, 160, 166);
    fill: rgb(154, 160, 166);
    stop-color: rgb(154, 160, 166);
}
.P9KVBf .bp9Aid[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(154, 160, 166);
}
.F7XJmb[data-v-1f23f0a4] {
    height: 12px;
    width: 12px;
}
.Wi7KIe[data-v-1f23f0a4] {
    fill: rgb(241, 243, 244);
    stop-color: rgb(241, 243, 244);
}
.P9KVBf .Wi7KIe[data-v-1f23f0a4] {
    fill: rgb(60, 64, 67);
    stop-color: rgb(60, 64, 67);
}
.h3YV2d[data-v-1f23f0a4] {
    margin-top: 8px;
    font-size: 0.94575rem;
    letter-spacing: 0.0142857143em;
    line-height: 1.352813rem;
    overflow-wrap: anywhere;
}
.AJTPZc[data-v-1f23f0a4] {
    font-family: Roboto, Arial, sans-serif;
    font-size: 0.811688rem;
    font-weight: 400;
    letter-spacing: 0.025em;
    line-height: 1.08225rem;
}
.Anb3we[data-v-1f23f0a4] {
    align-items: center;
    display: flex;
    margin-top: 12px;
}
.NC0Ppb[data-v-1f23f0a4] {
    font-family: Roboto, Arial, sans-serif;
    font-size: 0.811688rem;
    font-weight: 400;
    letter-spacing: 0.025em;
    line-height: 1.08225rem;
    margin-right: 24px;
}
.abYEib[data-v-1f23f0a4] {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    overflow: hidden;
    background-size: cover;
}
.UQI9cd[data-v-1f23f0a4] {
    height: 24px;
    line-height: 10px;
}
.kofMvc[data-v-1f23f0a4] {
    border-radius: 9999px;
}
.kW9Bj .ypTNYd[data-v-1f23f0a4] {
    display: inline-block;
    margin: 6px 4px;
}
.ErwGJf[data-v-1f23f0a4] {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(2, 1fr);
}
.VfPpkd-EScbFb-JIbuQc[data-v-1f23f0a4] {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    position: relative;
    outline: none;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
}
.VfPpkd-EScbFb-JIbuQc[data-v-1f23f0a4] {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    will-change: transform, opacity;
}
.ErwGJf .fUtUMc[data-v-1f23f0a4] {
    border-radius: 8px;
    margin: -12px;
}
.j2FCNc[data-v-1f23f0a4] {
    column-gap: 16px;
    display: grid;
    grid-template-columns: max-content auto;
    margin: 16px 0;
}
.cQv9D[data-v-1f23f0a4] {
    margin: 12px;
}
.stzEZd[data-v-1f23f0a4] {
    border-radius: 12px;
    border-width: 0;
    box-shadow:
        0 1px 2px 0 rgba(60, 64, 67, 0.3),
        0 1px 3px 1px rgba(60, 64, 67, 0.15);
    height: 56px;
    width: 56px;
}
.cXFu1[data-v-1f23f0a4] {
    display: grid;
    grid-template-rows: max-content;
    height: fit-content;
    row-gap: 2px;
}
.ubGTjb[data-v-1f23f0a4] {
    align-items: center;
    display: inline-flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.DdYX5[data-v-1f23f0a4] {
    color: rgb(32, 33, 36);
    fill: rgb(32, 33, 36);
    stop-color: rgb(32, 33, 36);
    font-size: 0.94575rem;
    font-weight: 400;
    letter-spacing: 0.0142857143em;
    line-height: 1.352813rem;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: -0.2px;
}
.DdYX5[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(32, 33, 36);
}
.sYJxkd[data-v-1f23f0a4],
.w2kbF[data-v-1f23f0a4],
.JUF8md[data-v-1f23f0a4],
.wMUdtb[data-v-1f23f0a4] {
    font-family: Roboto, Arial, sans-serif;
    line-height: 1.08225rem;
    font-size: 0.811688rem;
    letter-spacing: 0.025em;
    font-weight: 400;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: 0.2px;
}
.wMUdtb[data-v-1f23f0a4] {
    color: rgb(32, 33, 36);
    fill: rgb(32, 33, 36);
    stop-color: rgb(32, 33, 36);
}
.wMUdtb[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(32, 33, 36);
}
.CKzsaf[data-v-1f23f0a4],
.Q4fJQd[data-v-1f23f0a4] {
    align-items: center;
    display: inline-flex;
    height: 100%;
}
.Q4fJQd .Yvy3Fd[data-v-1f23f0a4],
.sYJxkd[data-v-1f23f0a4],
.O9T88b[data-v-1f23f0a4],
.w2kbF[data-v-1f23f0a4],
.JUF8md[data-v-1f23f0a4] {
    color: rgb(95, 99, 104);
    fill: rgb(95, 99, 104);
    stop-color: rgb(95, 99, 104);
}
.Q4fJQd .Yvy3Fd[data-v-1f23f0a4] {
    font-size: 0.675188rem;
}
.aA0Vnf .GfskQe[data-v-1f23f0a4] {
    color: rgb(95, 99, 104);
    fill: rgb(95, 99, 104);
    stop-color: rgb(95, 99, 104);
    font-size: 18px;
    margin-right: 16px;
}
.aA0Vnf[data-v-1f23f0a4] {
    color: rgb(32, 33, 36);
    fill: rgb(32, 33, 36);
    stop-color: rgb(32, 33, 36);
    font-family: 'Google Sans', Roboto, Arial, sans-serif;
    line-height: 1.352813rem;
    font-size: 0.94575rem;
    letter-spacing: 0.0178571429em;
    font-weight: 400;
    align-items: center;
    display: flex;
}
.aA0Vnf[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(32, 33, 36);
}
.yhtbu[data-v-1f23f0a4] {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 72px;
}
.srvBL[data-v-1f23f0a4] {
    border-color: rgb(232, 234, 237);
    border-bottom: 1px solid;
    margin-bottom: 36px;
    padding-top: 36px;
    width: 100%;
}
.srvBL[data-v-1f23f0a4]:not(:disabled) {
    border-color: rgb(232, 234, 237);
}
.Hc0nne[data-v-1f23f0a4] {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 24px;
}
.sv9Noe[data-v-1f23f0a4] {
    margin-top: 32px;
    display: flex;
    flex-wrap: wrap;
}
.GMGZAc[data-v-1f23f0a4],
.CmHxkb[data-v-1f23f0a4],
.KvNvKe[data-v-1f23f0a4],
.dMOumf[data-v-1f23f0a4] {
    font-family: 'Google Sans', Helvetica, Arial, sans-serif;
    color: rgb(95, 99, 104);
    fill: rgb(95, 99, 104);
    stop-color: rgb(95, 99, 104);
}
.GMGZAc[data-v-1f23f0a4] {
    font-size: 0.94575rem;
    font-weight: 400;
    letter-spacing: 0.0178571429em;
    line-height: 1.352813rem;
    font-weight: 500;
}
.GMGZAc[data-v-1f23f0a4],
.CmHxkb[data-v-1f23f0a4] {
    line-height: 32px;
}
.GMGZAc[data-v-1f23f0a4]:not(:disabled),
.CmHxkb[data-v-1f23f0a4]:not(:disabled),
.KvNvKe[data-v-1f23f0a4]:not(:disabled),
.dMOumf[data-v-1f23f0a4]:not(:disabled) {
    color: rgb(95, 99, 104);
}
.AU8vyc[data-v-1f23f0a4] {
    display: block;
    width: max-content;
}
.KvNvKe[data-v-1f23f0a4] {
    font-size: 0.811688rem;
    line-height: 48px;
    margin-right: 24px;
}
.AJ34ce[data-v-1f23f0a4] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    grid-template-rows: 1fr;
    column-gap: 12px;
}
.GrpFfc[data-v-1f23f0a4] {
    align-self: center;
    width: 24px;
    height: 18px;
}
.aoJE7e[data-v-1f23f0a4] {
    display: flex;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
}
.ULeU3b[data-v-1f23f0a4] {
    flex-shrink: 0;
    scroll-snap-align: start;
}
.Utde2e[data-v-1f23f0a4] {
    margin-right: 12px;
}
.Vj78Oe[data-v-1f23f0a4],
.KUSTKe[data-v-1f23f0a4],
.qwPPwf[data-v-1f23f0a4],
.Atcj9b[data-v-1f23f0a4],
.IwTLXb[data-v-1f23f0a4] {
    height: 100%;
}
.B5GQxf[data-v-1f23f0a4] {
    border-width: 0;
    box-shadow:
        0 1px 2px 0 rgba(60, 64, 67, 0.3),
        0 1px 3px 1px rgba(60, 64, 67, 0.15);
    border-radius: 8px;
    cursor: pointer;
    height: 204px;
    min-width: 92px;
}
.google-install-app[data-v-1f23f0a4] {
    margin-left: 1.633125rem;
    width: 21.10875rem;
    height: 2.4375rem;
    line-height: 2.4375rem;
    border-radius: 0.53625rem;
    background-color: rgb(1, 135, 95);
    text-align: center;
    color: white;
    font-size: 0.909188rem;
}
.google-install-app[data-v-1f23f0a4]:active {
    opacity: 0.65;
}
.OahvPe[data-v-1f23f0a4]:active {
    opacity: 0.65;
}
.VfPpkd-dgl2Hf-ppHlrf-sM5MNb[data-v-1f23f0a4]:active {
    opacity: 0.65;
}
.kofMvc[data-v-1f23f0a4]:active {
    opacity: 0.65;
}

.google-template-page[data-v-1f23f0a4] { background: white;
}
.google-template-content[data-v-1f23f0a4] { --background: white; --color: #202124; --padding-top: 0; --padding-bottom: 0; --padding-start: 0; --padding-end: 0;
}
.google-template[data-v-1f23f0a4] { max-width: 24.375rem; min-height: 100%; margin: auto; padding-bottom: env(safe-area-inset-bottom); background: white; color: #202124; font-family: Roboto, Arial, sans-serif;
}
.install-status[data-v-1f23f0a4] { display: flex; align-items: center; justify-content: center; gap: 0.5rem; height: 100%;
}
.google-material-icons[data-v-1f23f0a4] { vertical-align: middle;
}
button.google-install-app[data-v-1f23f0a4] { border: 0; cursor: pointer; padding: 0;
}

    /* Ionic 负责全屏与滚动，图形、布局和交互样式保留 Hyper 实现。 */
.maintenance-scroll[data-v-43380fba] { --background: var(--maintenance-bg); --color: #f4f6f5; --padding-top: 0; --padding-bottom: 0; --padding-start: 0; --padding-end: 0;
}
    /* Ionic Toast 从 60000 起叠放，维护页位于其下，避免遮住统一接口错误提示。 */
.maintenance-screen[data-v-43380fba] { --maintenance-accent: var(--skin__primary, #b9eccb); --maintenance-bg: #101715; position: fixed; inset: 0; z-index: 59999; overflow: auto; overscroll-behavior: contain; color: #f4f6f5; background: var(--maintenance-bg, #101715); font:  15px/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; -webkit-text-size-adjust: 100%;
}
.maintenance-screen[data-v-43380fba] *, .maintenance-screen[data-v-43380fba] *::before, .maintenance-screen[data-v-43380fba] *::after { box-sizing: border-box;
}
@supports (color: color-mix(in srgb, black, white)) {
.maintenance-screen[data-v-43380fba] { --maintenance-accent: var(--skin__primary, color-mix(in srgb, var(--bg-primary-color, #365043) 25%, #e5fbd8)); --maintenance-bg: color-mix(in srgb, var(--skin__bg_2, var(--theme-home_bg, #162c21)) 40%, #0d1411);
}
}
.maintenance-shell[data-v-43380fba] { display: flex; flex-direction: column; width: 100%; max-width: 480px; min-height: 100%; min-height: 100dvh; margin: 0 auto; padding: max(30px, env(safe-area-inset-top)) 28px max(24px, env(safe-area-inset-bottom)); background: radial-gradient(ellipse at 50% 28%, #243e304d 0%, transparent 57%), var(--maintenance-bg, #101715);
}
.maintenance-brand[data-v-43380fba] { display: flex; align-items: center; gap: 20px; min-height: 28px; font-size: 18px; font-weight: 700; letter-spacing: -0.4px;
}
.maintenance-brand img[data-v-43380fba] { display: block; width: auto; max-width: 190px; max-height: 34px; object-fit: contain;
}
.maintenance-brand > span[data-v-43380fba]:first-child { overflow-wrap: anywhere;
}
.maintenance-brand-line[data-v-43380fba] { flex: 1; height: 1px; min-width: 24px; background: #ffffff1a;
}
.maintenance-content[data-v-43380fba] { margin: auto 0; padding: 24px 0 18px; text-align: center;
}
.maintenance-art[data-v-43380fba] { position: relative; display: grid; place-items: center; width: 236px; height: 216px; margin: 0 auto 25px; color: var(--maintenance-accent);
}
.maintenance-orbit[data-v-43380fba] { position: absolute; border: 1px solid #ffffff0d; border-radius: 50%;
}
.maintenance-orbit-outer[data-v-43380fba] { width: 214px; height: 214px;
}
.maintenance-orbit-inner[data-v-43380fba] { width: 168px; height: 168px; border-style: dashed; border-color: #ffffff14;
}
.maintenance-emblem[data-v-43380fba] { display: grid; place-items: center; width: 112px; height: 112px; border: 1px solid #ffffff22; border-radius: 32px; transform: rotate(-10deg); background: linear-gradient(145deg, #354b3e, #19261f); box-shadow:  0 18px 48px #0005, inset 0 1px 0 #ffffff18;
}
.maintenance-emblem svg[data-v-43380fba] { width: 59px; height: 59px; transform: rotate(10deg);
}
.maintenance-spark[data-v-43380fba] { position: absolute; z-index: 1; width: 7px; height: 7px; border-radius: 50%; background: var(--maintenance-accent); box-shadow: 0 0 15px #b9eccb4d;
}
.maintenance-spark-one[data-v-43380fba] { top: 41px; right: 28px;
}
.maintenance-spark-two[data-v-43380fba] { left: 24px; bottom: 51px; width: 4px; height: 4px; opacity: 0.45;
}
.maintenance-art-tag[data-v-43380fba] { position: absolute; bottom: 0; display: flex; align-items: center; gap: 8px; padding: 6px 13px; border: 1px solid #ffffff19; border-radius: 30px; color: #cbd7d0; background: #1b2721; font-size: 11px; letter-spacing: 0.35px;
}
.maintenance-art-tag > span[data-v-43380fba] { width: 6px; height: 6px; border-radius: 50%; background: var(--maintenance-accent);
}
.maintenance-screen h1[data-v-43380fba] { margin: 0; color: #f4f6f5; font-size: clamp(27px, 7.1vw, 34px); font-weight: 650; line-height: 1.2; letter-spacing: -1.1px; white-space: pre-line;
}
.maintenance-description[data-v-43380fba] { max-width: 325px; margin: 18px auto 27px; color: #a5b2ab; font-size: 14px; line-height: 1.75;
}
.maintenance-notice[data-v-43380fba] { display: flex; gap: 13px; padding: 18px; margin-bottom: 24px; border: 1px solid #ffffff12; border-radius: 14px; background: #ffffff04; text-align: left;
}
.maintenance-notice > svg[data-v-43380fba] { flex: 0 0 21px; width: 21px; height: 21px; margin-top: 2px; color: var(--maintenance-accent);
}
.maintenance-notice h2[data-v-43380fba] { margin: 0 0 5px; font-size: 13px; font-weight: 600; line-height: 1.5; color: #e2e9e5;
}
.maintenance-notice p[data-v-43380fba] { margin: 0; font-size: 12px; line-height: 1.8; color: #a5b2ab; white-space: pre-wrap; overflow-wrap: anywhere;
}
.maintenance-retry[data-v-43380fba] { display: flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 50px; padding: 12px 16px; border: 0; border-radius: 12px; background: var(--maintenance-accent); color: #111b15; cursor: pointer; font:  600 14px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; transition:  opacity 0.15s, transform 0.15s;
}
.maintenance-retry[data-v-43380fba]:hover { opacity: 0.9;
}
.maintenance-retry[data-v-43380fba]:active { transform: translateY(1px);
}
.maintenance-retry[data-v-43380fba]:focus-visible, .maintenance-footer a[data-v-43380fba]:focus-visible { outline: 2px solid #fff; outline-offset: 5px;
}
.maintenance-retry[data-v-43380fba]:disabled { opacity: 0.65; cursor: wait;
}
.maintenance-retry svg[data-v-43380fba], .maintenance-footer svg[data-v-43380fba] { width: 19px; height: 19px; flex: 0 0 19px;
}
.maintenance-footer[data-v-43380fba] { padding-top: 20px; text-align: center;
}
.maintenance-footer a[data-v-43380fba] { display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 6px; font-size: 12px; color: #c3d1c9; text-decoration: none;
}
.maintenance-footer a[data-v-43380fba]:hover { color: #fff;
}
.maintenance-footer a > span[data-v-43380fba] { margin-left: 5px; color: #8d9e94;
}
.maintenance-footer p[data-v-43380fba] { margin: 10px 0 0; color: #78887e; font-size: 10px; letter-spacing: 0.3px;
}
.is-checking[data-v-43380fba] { animation: maintenance-spin-43380fba 1s linear infinite;
}
@keyframes maintenance-spin-43380fba {
to { transform: rotate(360deg);
}
}
@media (min-width: 700px) {
.maintenance-shell[data-v-43380fba] { border-inline: 1px solid #ffffff08; padding-inline: 40px;
}
}
@media (max-width: 359px) {
.maintenance-shell[data-v-43380fba] { padding-inline: 20px;
}
.maintenance-screen h1[data-v-43380fba] { font-size: 26px;
}
}
@media (max-height: 740px) {
.maintenance-art[data-v-43380fba] { height: 174px; margin-bottom: 21px;
}
.maintenance-orbit-outer[data-v-43380fba] { width: 174px; height: 174px;
}
.maintenance-orbit-inner[data-v-43380fba] { width: 140px; height: 140px;
}
.maintenance-emblem[data-v-43380fba] { width: 94px; height: 94px; border-radius: 28px;
}
.maintenance-content[data-v-43380fba] { padding-top: 20px;
}
.maintenance-footer[data-v-43380fba] { padding-top: 8px;
}
}
@media (prefers-reduced-motion: reduce) {
.is-checking[data-v-43380fba] { animation: none;
}
.maintenance-retry[data-v-43380fba] { transition: none;
}
}

.language-switcher[data-v-3bbc090c] { position: fixed; z-index: 30000; inset-inline-end: 0.35rem; bottom: 4rem; max-width: calc(100% - 0.7rem); padding: 0.35rem; border-radius: 0.3rem; background: #152338; color: white; font-size: 0.7rem;
}
label[data-v-3bbc090c] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem;
}
select[data-v-3bbc090c] { max-width: 11rem; color: inherit; background: #152338;
}

.route-viewport[data-v-505b39c4] { max-width: 486px;
}
:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: 0.18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}.ion-page.ion-page-overlay-passthrough{pointer-events:none}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none !important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports(padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports(padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top));--ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));--ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));--ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right))}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translate3d(0,  0,  0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal{box-shadow:4px 0px 16px rgba(0,0,0,.18)}.md .menu-content-push{box-shadow:4px 0px 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:300ms transform cubic-bezier(0.25, 0.8, 0.5, 1)}@media(prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none !important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}/*# sourceMappingURL=core.css.map */
/* 本地辅助交互提示；全局基础样式在 main.ts 导入，页面和组件私有样式随 SFC 加载。 */
button:focus-visible,
a:focus-visible,
input:focus-visible,
[role='button']:focus-visible {
    outline: 2px solid #65b9ff;
    outline-offset: 2px;
}

/* 源站通用提示：居中文字、主题背景与 10–18rem 内容宽度。 */
ion-toast {
    --background: var(--color-bg-toast);
    --min-width: 10rem;
    --max-width: 18rem;
    --border-radius: 0.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),
ion-toast.warning::part(message) {
    text-align: start;
}
ion-toast.overlay-hidden {
    display: none;
}

/* 用户要求统一隐藏原生灰白滚动条；只影响外观，页面、横向列表及弹层继续正常滚动。 */
*,
ion-content::part(scroll),
ion-popover::part(content),
ion-modal::part(content) {
    scrollbar-width: none;
}
*::-webkit-scrollbar,
ion-content::part(scroll)::-webkit-scrollbar,
ion-popover::part(content)::-webkit-scrollbar,
ion-modal::part(content)::-webkit-scrollbar {
    display: none;
}
@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, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 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, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 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, 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 / 0.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 / 0.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.18 | 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: -0.25em;
}
sup {
    top: -0.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;
}
.loading-wrapper.ion-overlay-wrapper {
    background: transparent;
    box-shadow: none;
}
.animate-star {
    animation: scale 0.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, 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: 0.125rem;
    border-radius: 4px;
    border: 1px solid var(--color-checkbox-border);
}
ion-segment {
    scrollbar-width: none;
}
ion-segment::-webkit-scrollbar {
    display: none;
}
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;
}
ion-img.cover::part(image) {
    object-fit: cover;
}
ion-img.contain::part(image) {
    object-fit: contain;
}
ion-modal {
    font-family: var(--ion-font-family);
    --box-shadow: 0 0 0 rgba(0, 0, 0, 0.4) !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;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 0.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(0.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(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.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, 0.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:
        0.2s transform,
        0.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:
        0.2s transform,
        0.2s left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition:
        0.2s transform,
        0.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, 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: -0.75rem;
}
.-right-2 {
    right: -0.5rem;
}
.-right-7 {
    right: -1.75rem;
}
.-top-\[0\.5rem\] {
    top: -0.5rem;
}
.-top-\[2\.0625rem\] {
    top: -2.0625rem;
}
.bottom-0 {
    bottom: 0;
}
.bottom-2 {
    bottom: 0.5rem;
}
.bottom-2\.5 {
    bottom: 0.625rem;
}
.bottom-6 {
    bottom: 1.5rem;
}
.bottom-\[21px\] {
    bottom: 21px;
}
.bottom-\[30\%\] {
    bottom: 30%;
}
.left-0 {
    left: 0;
}
.left-1 {
    left: 0.25rem;
}
.left-2 {
    left: 0.5rem;
}
.left-3 {
    left: 0.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: 0.5rem;
}
.left-\[0\.0625rem\] {
    left: 0.0625rem;
}
.left-\[0\] {
    left: 0;
}
.left-\[1\.125rem\] {
    left: 1.125rem;
}
.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: 0.25rem;
}
.right-11 {
    right: 2.75rem;
}
.right-2 {
    right: 0.5rem;
}
.right-3 {
    right: 0.75rem;
}
.right-4 {
    right: 1rem;
}
.right-5 {
    right: 1.25rem;
}
.right-\[-0\.0625rem\] {
    right: -0.0625rem;
}
.right-\[-0\.125rem\] {
    right: -0.125rem;
}
.right-\[-0\.1rem\] {
    right: -0.1rem;
}
.right-\[-0\.5rem\] {
    right: -0.5rem;
}
.right-\[-0\.625rem\] {
    right: -0.625rem;
}
.right-\[0\.125rem\] {
    right: 0.125rem;
}
.right-\[0\.1956rem\] {
    right: 0.1956rem;
}
.right-\[0\.1rem\] {
    right: 0.1rem;
}
.right-\[0\.25rem\] {
    right: 0.25rem;
}
.right-\[0\.3125rem\] {
    right: 0.3125rem;
}
.right-\[0\.375rem\] {
    right: 0.375rem;
}
.right-\[0\.625rem\] {
    right: 0.625rem;
}
.right-\[0\.75rem\] {
    right: 0.75rem;
}
.right-\[0\.875rem\] {
    right: 0.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: 0.25rem;
}
.top-1\/2 {
    top: 50%;
}
.top-2 {
    top: 0.5rem;
}
.top-20 {
    top: 5rem;
}
.top-3 {
    top: 0.75rem;
}
.top-4 {
    top: 1rem;
}
.top-5 {
    top: 1.25rem;
}
.top-56 {
    top: 14rem;
}
.top-8 {
    top: 2rem;
}
.top-\[-\.25rem\],
.top-\[-0\.25rem\] {
    top: -0.25rem;
}
.top-\[-0\.5rem\] {
    top: -0.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: 0.1875rem;
}
.top-\[\.875rem\] {
    top: 0.875rem;
}
.top-\[0\.0625rem\] {
    top: 0.0625rem;
}
.top-\[0\.234375rem\] {
    top: 0.234375rem;
}
.top-\[0\.3125rem\] {
    top: 0.3125rem;
}
.top-\[0\.325rem\] {
    top: 0.325rem;
}
.top-\[0\.375rem\] {
    top: 0.375rem;
}
.top-\[0\.5313rem\] {
    top: 0.5313rem;
}
.top-\[0\.5625rem\] {
    top: 0.5625rem;
}
.top-\[0\.625rem\] {
    top: 0.625rem;
}
.top-\[0\.75rem\] {
    top: 0.75rem;
}
.top-\[0\.9375rem\] {
    top: 0.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;
}
.isolate {
    isolation: isolate;
}
.-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;
}
.float-right {
    float: right;
}
.float-left {
    float: left;
}
.m-0 {
    margin: 0;
}
.m-2\.5 {
    margin: 0.625rem;
}
.m-\[0\.75rem\] {
    margin: 0.75rem;
}
.m-auto {
    margin: auto;
}
.mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}
.mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
}
.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.mx-2\.5 {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
}
.mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
}
.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
}
.mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}
.mx-\[\.3125rem\] {
    margin-left: 0.3125rem;
    margin-right: 0.3125rem;
}
.mx-\[\.625rem\] {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
}
.mx-\[\.9375rem\] {
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
}
.mx-\[\.975rem\] {
    margin-left: 0.975rem;
    margin-right: 0.975rem;
}
.mx-\[0\.125rem\] {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
}
.mx-\[0\.2925rem\] {
    margin-left: 0.2925rem;
    margin-right: 0.2925rem;
}
.mx-\[0\.375rem\] {
    margin-left: 0.375rem;
    margin-right: 0.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: 0.125rem;
    margin-bottom: 0.125rem;
}
.my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}
.my-1\.5 {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
}
.my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.my-2\.5 {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
}
.my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}
.my-3\.5 {
    margin-top: 0.875rem;
    margin-bottom: 0.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: 0.625rem;
    margin-bottom: 0.625rem;
}
.my-\[0\.25rem\] {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}
.my-\[0\.625rem\] {
    margin-top: 0.625rem;
    margin-bottom: 0.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: -0.125rem;
}
.-mt-1\.5 {
    margin-top: -0.375rem;
}
.-mt-5 {
    margin-top: -1.25rem;
}
.mb-1 {
    margin-bottom: 0.25rem;
}
.mb-1\.5 {
    margin-bottom: 0.375rem;
}
.mb-10 {
    margin-bottom: 2.5rem;
}
.mb-2 {
    margin-bottom: 0.5rem;
}
.mb-2\.5 {
    margin-bottom: 0.625rem;
}
.mb-3 {
    margin-bottom: 0.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: 0.1875rem;
}
.mb-\[\.3125rem\] {
    margin-bottom: 0.3125rem;
}
.mb-\[\.4375rem\] {
    margin-bottom: 0.4375rem;
}
.mb-\[\.625rem\] {
    margin-bottom: 0.625rem;
}
.mb-\[\.6rem\] {
    margin-bottom: 0.6rem;
}
.mb-\[\.875rem\] {
    margin-bottom: 0.875rem;
}
.mb-\[0\.0625rem\] {
    margin-bottom: 0.0625rem;
}
.mb-\[0\.0919rem\] {
    margin-bottom: 0.0919rem;
}
.mb-\[0\.1875rem\] {
    margin-bottom: 0.1875rem;
}
.mb-\[0\.1944rem\] {
    margin-bottom: 0.1944rem;
}
.mb-\[0\.2188rem\] {
    margin-bottom: 0.2188rem;
}
.mb-\[0\.25rem\] {
    margin-bottom: 0.25rem;
}
.mb-\[0\.3125rem\] {
    margin-bottom: 0.3125rem;
}
.mb-\[0\.5487rem\] {
    margin-bottom: 0.5487rem;
}
.mb-\[0\.5625rem\] {
    margin-bottom: 0.5625rem;
}
.mb-\[0\.5rem\] {
    margin-bottom: 0.5rem;
}
.mb-\[0\.625rem\] {
    margin-bottom: 0.625rem;
}
.mb-\[0\.734375rem\] {
    margin-bottom: 0.734375rem;
}
.mb-\[0\.75rem\] {
    margin-bottom: 0.75rem;
}
.mb-\[0\.875rem\] {
    margin-bottom: 0.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\.75rem\] {
    margin-bottom: 1.75rem;
}
.mb-\[1\.8125rem\] {
    margin-bottom: 1.8125rem;
}
.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: 0.125rem;
}
.ml-1 {
    margin-left: 0.25rem;
}
.ml-1\.5 {
    margin-left: 0.375rem;
}
.ml-2 {
    margin-left: 0.5rem;
}
.ml-2\.5 {
    margin-left: 0.625rem;
}
.ml-3 {
    margin-left: 0.75rem;
}
.ml-3\.5 {
    margin-left: 0.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: 0.125rem;
}
.ml-\[\.3125rem\] {
    margin-left: 0.3125rem;
}
.ml-\[\.625rem\] {
    margin-left: 0.625rem;
}
.ml-\[\.9375rem\] {
    margin-left: 0.9375rem;
}
.ml-\[0\.125rem\] {
    margin-left: 0.125rem;
}
.ml-\[0\.1406rem\] {
    margin-left: 0.1406rem;
}
.ml-\[0\.1563rem\] {
    margin-left: 0.1563rem;
}
.ml-\[0\.25rem\] {
    margin-left: 0.25rem;
}
.ml-\[0\.3125rem\] {
    margin-left: 0.3125rem;
}
.ml-\[0\.359375rem\] {
    margin-left: 0.359375rem;
}
.ml-\[0\.375rem\] {
    margin-left: 0.375rem;
}
.ml-\[0\.4375rem\] {
    margin-left: 0.4375rem;
}
.ml-\[0\.625rem\] {
    margin-left: 0.625rem;
}
.ml-\[0\.75rem\] {
    margin-left: 0.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: 0.125rem;
}
.mr-1 {
    margin-right: 0.25rem;
}
.mr-1\.5 {
    margin-right: 0.375rem;
}
.mr-2 {
    margin-right: 0.5rem;
}
.mr-2\.5 {
    margin-right: 0.625rem;
}
.mr-3 {
    margin-right: 0.75rem;
}
.mr-3\.5 {
    margin-right: 0.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: 0.125rem;
}
.mr-\[\.3125rem\] {
    margin-right: 0.3125rem;
}
.mr-\[\.375rem\] {
    margin-right: 0.375rem;
}
.mr-\[\.5rem\] {
    margin-right: 0.5rem;
}
.mr-\[\.625rem\] {
    margin-right: 0.625rem;
}
.mr-\[0\.125rem\] {
    margin-right: 0.125rem;
}
.mr-\[0\.14125rem\] {
    margin-right: 0.14125rem;
}
.mr-\[0\.1563rem\] {
    margin-right: 0.1563rem;
}
.mr-\[0\.15rem\] {
    margin-right: 0.15rem;
}
.mr-\[0\.1rem\] {
    margin-right: 0.1rem;
}
.mr-\[0\.25rem\] {
    margin-right: 0.25rem;
}
.mr-\[0\.2rem\] {
    margin-right: 0.2rem;
}
.mr-\[0\.3125rem\] {
    margin-right: 0.3125rem;
}
.mr-\[0\.375rem\] {
    margin-right: 0.375rem;
}
.mr-\[0\.3rem\] {
    margin-right: 0.3rem;
}
.mr-\[0\.5rem\] {
    margin-right: 0.5rem;
}
.mr-\[0\.625rem\] {
    margin-right: 0.625rem;
}
.mr-\[0\.6875rem\] {
    margin-right: 0.6875rem;
}
.mr-\[0\.75rem\] {
    margin-right: 0.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: 0.125rem;
}
.mt-1 {
    margin-top: 0.25rem;
}
.mt-1\.5 {
    margin-top: 0.375rem;
}
.mt-10 {
    margin-top: 2.5rem;
}
.mt-12 {
    margin-top: 3rem;
}
.mt-2 {
    margin-top: 0.5rem;
}
.mt-2\.5 {
    margin-top: 0.625rem;
}
.mt-20 {
    margin-top: 5rem;
}
.mt-3 {
    margin-top: 0.75rem;
}
.mt-3\.5 {
    margin-top: 0.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: -0.125rem;
}
.mt-\[-0\.25rem\] {
    margin-top: -0.25rem;
}
.mt-\[-0\.625rem\] {
    margin-top: -0.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: 0.625rem;
}
.mt-\[\.75rem\] {
    margin-top: 0.75rem;
}
.mt-\[0\.25rem\] {
    margin-top: 0.25rem;
}
.mt-\[0\.3125rem\] {
    margin-top: 0.3125rem;
}
.mt-\[0\.375rem\] {
    margin-top: 0.375rem;
}
.mt-\[0\.4375rem\] {
    margin-top: 0.4375rem;
}
.mt-\[0\.5rem\] {
    margin-top: 0.5rem;
}
.mt-\[0\.625rem\] {
    margin-top: 0.625rem;
}
.mt-\[0\.6381rem\] {
    margin-top: 0.6381rem;
}
.mt-\[0\.649375rem\] {
    margin-top: 0.649375rem;
}
.mt-\[0\.6875rem\] {
    margin-top: 0.6875rem;
}
.mt-\[0\.75rem\] {
    margin-top: 0.75rem;
}
.mt-\[0\.8125rem\] {
    margin-top: 0.8125rem;
}
.mt-\[0\.9331rem\] {
    margin-top: 0.9331rem;
}
.mt-\[0\.9375rem\] {
    margin-top: 0.9375rem;
}
.mt-\[0\.961875rem\] {
    margin-top: 0.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-\[4\.375rem\] {
    margin-top: 4.375rem;
}
.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;
}
.inline {
    display: inline;
}
.flex {
    display: flex;
}
.inline-flex {
    display: inline-flex;
}
.table {
    display: table;
}
.table-row {
    display: table-row;
}
.grid {
    display: grid;
}
.contents {
    display: contents;
}
.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: 0.625rem;
}
.h-20 {
    height: 5rem;
}
.h-3 {
    height: 0.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-\[\.375rem\] {
    height: 0.375rem;
}
.h-\[\.5625rem\] {
    height: 0.5625rem;
}
.h-\[\.625rem\] {
    height: 0.625rem;
}
.h-\[0\.0625rem\] {
    height: 0.0625rem;
}
.h-\[0\.625rem\] {
    height: 0.625rem;
}
.h-\[0\.6813rem\] {
    height: 0.6813rem;
}
.h-\[0\.75rem\] {
    height: 0.75rem;
}
.h-\[0\.875rem\] {
    height: 0.875rem;
}
.h-\[0\.9688rem\] {
    height: 0.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\.75rem\] {
    height: 6.75rem;
}
.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-\[calc\(100vh-6rem\)\] {
    max-height: calc(100vh - 6rem);
}
.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: 0.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-\[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: 0.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: 0.75rem;
}
.w-3\.5 {
    width: 0.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: 0.1875rem;
}
.w-\[\.375rem\] {
    width: 0.375rem;
}
.w-\[\.625rem\] {
    width: 0.625rem;
}
.w-\[\.8125rem\] {
    width: 0.8125rem;
}
.w-\[\.9375rem\] {
    width: 0.9375rem;
}
.w-\[0\.0625rem\] {
    width: 0.0625rem;
}
.w-\[0\.125rem\] {
    width: 0.125rem;
}
.w-\[0\.6813rem\] {
    width: 0.6813rem;
}
.w-\[0\.875rem\] {
    width: 0.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\.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,
.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: 0.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: 0.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-2 {
    gap: 0.5rem;
}
.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(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.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: 0.25rem;
}
.rounded-2xl {
    border-radius: 1rem;
}
.rounded-3xl {
    border-radius: 1.5rem;
}
.rounded-\[--rounded-large\] {
    border-radius: var(--rounded-large);
}
.rounded-\[\.1875rem\] {
    border-radius: 0.1875rem;
}
.rounded-\[\.25rem\] {
    border-radius: 0.25rem;
}
.rounded-\[\.3125rem\] {
    border-radius: 0.3125rem;
}
.rounded-\[\.375rem\] {
    border-radius: 0.375rem;
}
.rounded-\[\.5rem\] {
    border-radius: 0.5rem;
}
.rounded-\[\.625rem\] {
    border-radius: 0.625rem;
}
.rounded-\[\.9375rem\] {
    border-radius: 0.9375rem;
}
.rounded-\[0\.1875rem\] {
    border-radius: 0.1875rem;
}
.rounded-\[0\.375rem\] {
    border-radius: 0.375rem;
}
.rounded-\[0\.5rem\] {
    border-radius: 0.5rem;
}
.rounded-\[0\.625rem\] {
    border-radius: 0.625rem;
}
.rounded-\[0\.625rem_0\.625rem_0rem_0rem\] {
    border-radius: 0.625rem 0.625rem 0rem 0rem;
}
.rounded-\[0\.875rem\] {
    border-radius: 0.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: 0.5rem;
}
.rounded-md {
    border-radius: 0.375rem;
}
.rounded-xl {
    border-radius: 0.75rem;
}
.rounded-b-\[7px\] {
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}
.rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.rounded-t-\[\.625rem\] {
    border-top-left-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
}
.rounded-t-\[1\.25rem\] {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
}
.rounded-ee-\[\.625rem\] {
    border-end-end-radius: 0.625rem;
}
.border {
    border-width: 1px;
}
.border-\[\.125rem\] {
    border-width: 0.125rem;
}
.border-\[0\.0625rem\] {
    border-width: 0.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, 0.28);
}
.bg-\[\#0287601A\] {
    background-color: rgba(2, 135, 96, 0.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, 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: 0.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-cover {
    background-size: cover;
}
.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: 0.125rem;
}
.p-1 {
    padding: 0.25rem;
}
.p-1\.5 {
    padding: 0.375rem;
}
.p-2 {
    padding: 0.5rem;
}
.p-2\.5 {
    padding: 0.625rem;
}
.p-3 {
    padding: 0.75rem;
}
.p-4 {
    padding: 1rem;
}
.p-5 {
    padding: 1.25rem;
}
.p-6 {
    padding: 1.5rem;
}
.p-\[\.3125rem\] {
    padding: 0.3125rem;
}
.p-\[\.625rem\] {
    padding: 0.625rem;
}
.p-\[0\.125rem\] {
    padding: 0.125rem;
}
.p-\[0\.4375rem\] {
    padding: 0.4375rem;
}
.p-\[0\.5625rem\] {
    padding: 0.5625rem;
}
.p-\[0\.625rem\] {
    padding: 0.625rem;
}
.p-\[0\.75rem\] {
    padding: 0.75rem;
}
.p-\[1\.5rem\] {
    padding: 1.5rem;
}
.p-\[10px\] {
    padding: 10px;
}
.p-\[5px\] {
    padding: 5px;
}
.px-0\.5 {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
}
.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}
.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
}
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}
.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.px-3\.5 {
    padding-left: 0.875rem;
    padding-right: 0.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-\[\.1875rem\] {
    padding-left: 0.1875rem;
    padding-right: 0.1875rem;
}
.px-\[\.3125rem\] {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
}
.px-\[\.375rem\] {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}
.px-\[\.46875rem\] {
    padding-left: 0.46875rem;
    padding-right: 0.46875rem;
}
.px-\[\.5625rem\] {
    padding-left: 0.5625rem;
    padding-right: 0.5625rem;
}
.px-\[\.625rem\] {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}
.px-\[\.9375rem\] {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}
.px-\[0\.1875rem\] {
    padding-left: 0.1875rem;
    padding-right: 0.1875rem;
}
.px-\[0\.2462rem\] {
    padding-left: 0.2462rem;
    padding-right: 0.2462rem;
}
.px-\[0\.25rem\] {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.px-\[0\.375rem\] {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}
.px-\[0\.4375rem\] {
    padding-left: 0.4375rem;
    padding-right: 0.4375rem;
}
.px-\[0\.5rem\] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.px-\[0\.625rem\] {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}
.px-\[0\.75rem\] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.px-\[0\.8125rem\] {
    padding-left: 0.8125rem;
    padding-right: 0.8125rem;
}
.px-\[0\.875rem\] {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
}
.px-\[0\.9375rem\] {
    padding-left: 0.9375rem;
    padding-right: 0.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: 0.125rem;
    padding-bottom: 0.125rem;
}
.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}
.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.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: 0.0625rem;
    padding-bottom: 0.0625rem;
}
.py-\[\.1875rem\] {
    padding-top: 0.1875rem;
    padding-bottom: 0.1875rem;
}
.py-\[\.3125rem\] {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
}
.py-\[\.625rem\] {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.py-\[0\.25rem\] {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.py-\[0\.265rem\] {
    padding-top: 0.265rem;
    padding-bottom: 0.265rem;
}
.py-\[0\.4375rem\] {
    padding-top: 0.4375rem;
    padding-bottom: 0.4375rem;
}
.py-\[0\.53125rem\] {
    padding-top: 0.53125rem;
    padding-bottom: 0.53125rem;
}
.py-\[0\.625rem\] {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.py-\[0\.6875rem\] {
    padding-top: 0.6875rem;
    padding-bottom: 0.6875rem;
}
.py-\[0\.75rem\] {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.py-\[0\.835625rem\] {
    padding-top: 0.835625rem;
    padding-bottom: 0.835625rem;
}
.py-\[0\.9375rem\] {
    padding-top: 0.9375rem;
    padding-bottom: 0.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: 0.125rem;
}
.pb-2\.5 {
    padding-bottom: 0.625rem;
}
.pb-28 {
    padding-bottom: 7rem;
}
.pb-4 {
    padding-bottom: 1rem;
}
.pb-5 {
    padding-bottom: 1.25rem;
}
.pb-7 {
    padding-bottom: 1.75rem;
}
.pb-8 {
    padding-bottom: 2rem;
}
.pb-\[\.3125rem\] {
    padding-bottom: 0.3125rem;
}
.pb-\[\.8125rem\] {
    padding-bottom: 0.8125rem;
}
.pb-\[0\.0625rem\] {
    padding-bottom: 0.0625rem;
}
.pb-\[0\.1563rem\] {
    padding-bottom: 0.1563rem;
}
.pb-\[0\.3125rem\] {
    padding-bottom: 0.3125rem;
}
.pb-\[0\.6875rem\] {
    padding-bottom: 0.6875rem;
}
.pb-\[0\.8125rem\] {
    padding-bottom: 0.8125rem;
}
.pb-\[0\.875rem\] {
    padding-bottom: 0.875rem;
}
.pb-\[0\.9375rem\] {
    padding-bottom: 0.9375rem;
}
.pb-\[0\.9506rem\] {
    padding-bottom: 0.9506rem;
}
.pb-\[1\.2rem\] {
    padding-bottom: 1.2rem;
}
.pb-\[1\.3125rem\] {
    padding-bottom: 1.3125rem;
}
.pb-\[1\.875rem\] {
    padding-bottom: 1.875rem;
}
.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: 0.25rem;
}
.pl-10 {
    padding-left: 2.5rem;
}
.pl-2 {
    padding-left: 0.5rem;
}
.pl-2\.5 {
    padding-left: 0.625rem;
}
.pl-28 {
    padding-left: 7rem;
}
.pl-3\.5 {
    padding-left: 0.875rem;
}
.pl-4 {
    padding-left: 1rem;
}
.pl-\[\.5625rem\] {
    padding-left: 0.5625rem;
}
.pl-\[\.875rem\] {
    padding-left: 0.875rem;
}
.pl-\[0\.25rem\] {
    padding-left: 0.25rem;
}
.pl-\[0\.375rem\] {
    padding-left: 0.375rem;
}
.pl-\[0\.5rem\] {
    padding-left: 0.5rem;
}
.pl-\[0\.75rem\] {
    padding-left: 0.75rem;
}
.pl-\[0\.8125rem\] {
    padding-left: 0.8125rem;
}
.pl-\[0\.8438rem\] {
    padding-left: 0.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: 0.25rem;
}
.pr-2 {
    padding-right: 0.5rem;
}
.pr-2\.5 {
    padding-right: 0.625rem;
}
.pr-4 {
    padding-right: 1rem;
}
.pr-\[\.3125rem\] {
    padding-right: 0.3125rem;
}
.pr-\[\.625rem\] {
    padding-right: 0.625rem;
}
.pr-\[\.8125rem\] {
    padding-right: 0.8125rem;
}
.pr-\[\.8128rem\] {
    padding-right: 0.8128rem;
}
.pr-\[0\.25rem\] {
    padding-right: 0.25rem;
}
.pr-\[0\.3125rem\] {
    padding-right: 0.3125rem;
}
.pr-\[0\.375rem\] {
    padding-right: 0.375rem;
}
.pr-\[0\.5rem\] {
    padding-right: 0.5rem;
}
.pr-\[0\.625rem\] {
    padding-right: 0.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: 0.25rem;
}
.pt-1\.5 {
    padding-top: 0.375rem;
}
.pt-10 {
    padding-top: 2.5rem;
}
.pt-14 {
    padding-top: 3.5rem;
}
.pt-2 {
    padding-top: 0.5rem;
}
.pt-2\.5 {
    padding-top: 0.625rem;
}
.pt-3 {
    padding-top: 0.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: 0.1875rem;
}
.pt-\[\.625rem\] {
    padding-top: 0.625rem;
}
.pt-\[0\.3125rem\] {
    padding-top: 0.3125rem;
}
.pt-\[0\.40625rem\] {
    padding-top: 0.40625rem;
}
.pt-\[0\.4rem\] {
    padding-top: 0.4rem;
}
.pt-\[0\.625rem\] {
    padding-top: 0.625rem;
}
.pt-\[0\.75rem\] {
    padding-top: 0.75rem;
}
.pt-\[0\.8125rem\] {
    padding-top: 0.8125rem;
}
.pt-\[0\.9375rem\] {
    padding-top: 0.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: 0.5rem;
}
.text-\[\.625rem\] {
    font-size: 0.625rem;
}
.text-\[\.6875rem\] {
    font-size: 0.6875rem;
}
.text-\[\.6rem\] {
    font-size: 0.6rem;
}
.text-\[\.75rem\] {
    font-size: 0.75rem;
}
.text-\[\.8125rem\] {
    font-size: 0.8125rem;
}
.text-\[\.875rem\] {
    font-size: 0.875rem;
}
.text-\[\.9375rem\] {
    font-size: 0.9375rem;
}
.text-\[0\.625rem\] {
    font-size: 0.625rem;
}
.text-\[0\.6875rem\] {
    font-size: 0.6875rem;
}
.text-\[0\.75rem\] {
    font-size: 0.75rem;
}
.text-\[0\.7rem\] {
    font-size: 0.7rem;
}
.text-\[0\.8125rem\] {
    font-size: 0.8125rem;
}
.text-\[0\.875rem\] {
    font-size: 0.875rem;
}
.text-\[0\.8rem\] {
    font-size: 0.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: 0.875rem;
    line-height: 1.25rem;
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.text-xs {
    font-size: 0.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: 0.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\.65rem\] {
    line-height: 0.65rem;
}
.leading-\[0\.6rem\] {
    line-height: 0.6rem;
}
.leading-\[0\.75rem\] {
    line-height: 0.75rem;
}
.leading-\[0\.9375rem\] {
    line-height: 0.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-\[\#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: 0.3;
}
.opacity-40 {
    opacity: 0.4;
}
.opacity-\[\.3\] {
    opacity: 0.3;
}
.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 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;
}
.ring-current {
    --tw-ring-color: currentColor;
}
.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 / 0.1)) drop-shadow(0 1px 1px rgb(0 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, 0.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, 0.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(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}
.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.\[key\:string\] {
    key: string;
}
.\!container {
    width: 100% !important;
}
.container {
    width: 100%;
}
@media (min-width: 640px) {
    .\!container {
        max-width: 640px !important;
    }
    .container {
        max-width: 640px;
    }
}
@media (min-width: 768px) {
    .\!container {
        max-width: 768px !important;
    }
    .container {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {
    .\!container {
        max-width: 1024px !important;
    }
    .container {
        max-width: 1024px;
    }
}
@media (min-width: 1280px) {
    .\!container {
        max-width: 1280px !important;
    }
    .container {
        max-width: 1280px;
    }
}
@media (min-width: 1536px) {
    .\!container {
        max-width: 1536px !important;
    }
    .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 0.3s ease-in-out;
}
@keyframes fade-in-main-tree {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
#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);
}
: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: #fff;
    --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: 0.3125rem;
    --rounded-button-tab: 0.5rem;
    --rounded-segment: 0.75rem;
    --rounded-card-game: 0.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: 0.875rem;
    --font-size-12: 0.75rem;
    --font-size-10: 0.625rem;
    --font-size-8: 0.5rem;
    --color-currency: #fba531;
    --color-bar-bg: #090f1f;
    --color-bg-toast: var(--ion-color-dark);
    --color-bg-mask-black: rgba(0, 0, 0, 0.8);
}
ion-spinner {
    --color: var(--theme-color-800);
}
.text-\[\#FF0000\] {
    color: red;
}
.line-before:before {
    content: '';
    display: block;
    width: 100%;
    height: 0.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: 0.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: 0.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: 0.0625rem;
    background: var(--border-color2);
}
.locale-rtl :where(span, b, em, i, bdi) {
    unicode-bidi: isolate;
}
.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: 0.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;
}
:root {
    --ion-color-primary: #0054e9;
    --ion-color-primary-rgb: 0, 84, 233;
    --ion-color-primary-contrast: #fff;
    --ion-color-primary-contrast-rgb: 255, 255, 255;
    --ion-color-primary-shade: #004acd;
    --ion-color-primary-tint: #1a65eb;
    --ion-color-secondary: #0163aa;
    --ion-color-secondary-rgb: 1, 99, 170;
    --ion-color-secondary-contrast: #fff;
    --ion-color-secondary-contrast-rgb: 255, 255, 255;
    --ion-color-secondary-shade: #015796;
    --ion-color-secondary-tint: #1a73b3;
    --ion-color-tertiary: #6030ff;
    --ion-color-tertiary-rgb: 96, 48, 255;
    --ion-color-tertiary-contrast: #fff;
    --ion-color-tertiary-contrast-rgb: 255, 255, 255;
    --ion-color-tertiary-shade: #542ae0;
    --ion-color-tertiary-tint: #7045ff;
    --ion-color-success: #2dd55b;
    --ion-color-success-rgb: 45, 213, 91;
    --ion-color-success-contrast: #000;
    --ion-color-success-contrast-rgb: 0, 0, 0;
    --ion-color-success-shade: #28bb50;
    --ion-color-success-tint: #42d96b;
    --ion-color-warning: #ffc409;
    --ion-color-warning-rgb: 255, 196, 9;
    --ion-color-warning-contrast: #000;
    --ion-color-warning-contrast-rgb: 0, 0, 0;
    --ion-color-warning-shade: #e0ac08;
    --ion-color-warning-tint: #ffca22;
    --ion-color-danger: #c5000f;
    --ion-color-danger-rgb: 197, 0, 15;
    --ion-color-danger-contrast: #fff;
    --ion-color-danger-contrast-rgb: 255, 255, 255;
    --ion-color-danger-shade: #ad000d;
    --ion-color-danger-tint: #cb1a27;
    --ion-color-light: #f4f5f8;
    --ion-color-light-rgb: 244, 245, 248;
    --ion-color-light-contrast: #000;
    --ion-color-light-contrast-rgb: 0, 0, 0;
    --ion-color-light-shade: #d7d8da;
    --ion-color-light-tint: #f5f6f9;
    --ion-color-medium: #636469;
    --ion-color-medium-rgb: 99, 100, 105;
    --ion-color-medium-contrast: #fff;
    --ion-color-medium-contrast-rgb: 255, 255, 255;
    --ion-color-medium-shade: #57585c;
    --ion-color-medium-tint: #737478;
    --ion-color-dark: #222428;
    --ion-color-dark-rgb: 34, 36, 40;
    --ion-color-dark-contrast: #fff;
    --ion-color-dark-contrast-rgb: 255, 255, 255;
    --ion-color-dark-shade: #1e2023;
    --ion-color-dark-tint: #383a3e;
}
html.ios {
    --ion-default-font: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Roboto', sans-serif;
}
html.md {
    --ion-default-font: 'Roboto', 'Helvetica Neue', sans-serif;
}
html {
    --ion-dynamic-font: -apple-system-body;
    --ion-font-family: var(--ion-default-font);
}
body {
    background: var(--ion-background-color);
    color: var(--ion-text-color);
}
body.backdrop-no-scroll {
    overflow: hidden;
}
html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,
html.ios ion-modal ion-footer ion-toolbar:first-of-type {
    padding-top: 6px;
}
html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {
    padding-bottom: 6px;
}
html.ios ion-modal ion-toolbar {
    padding-right: calc(var(--ion-safe-area-right) + 8px);
    padding-left: calc(var(--ion-safe-area-left) + 8px);
}
@media screen and (min-width: 768px) {
    html.ios ion-modal.modal-card:first-of-type {
        --backdrop-opacity: 0.18;
    }
}
ion-modal.modal-default.show-modal ~ ion-modal.modal-default {
    --backdrop-opacity: 0;
    --box-shadow: none;
}
html.ios ion-modal.modal-card .ion-page {
    border-top-left-radius: var(--border-radius);
}
.ion-color-primary {
    --ion-color-base: var(--ion-color-primary, #0054e9) !important;
    --ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;
    --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;
    --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;
    --ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;
    --ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important;
}
.ion-color-secondary {
    --ion-color-base: var(--ion-color-secondary, #0163aa) !important;
    --ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;
    --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
    --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;
    --ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;
    --ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important;
}
.ion-color-tertiary {
    --ion-color-base: var(--ion-color-tertiary, #6030ff) !important;
    --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;
    --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;
    --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;
    --ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;
    --ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important;
}
.ion-color-success {
    --ion-color-base: var(--ion-color-success, #2dd55b) !important;
    --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;
    --ion-color-contrast: var(--ion-color-success-contrast, #000) !important;
    --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;
    --ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;
    --ion-color-tint: var(--ion-color-success-tint, #42d96b) !important;
}
.ion-color-warning {
    --ion-color-base: var(--ion-color-warning, #ffc409) !important;
    --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;
    --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;
    --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;
    --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;
    --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important;
}
.ion-color-danger {
    --ion-color-base: var(--ion-color-danger, #c5000f) !important;
    --ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;
    --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;
    --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;
    --ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;
    --ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important;
}
.ion-color-light {
    --ion-color-base: var(--ion-color-light, #f4f5f8) !important;
    --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;
    --ion-color-contrast: var(--ion-color-light-contrast, #000) !important;
    --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;
    --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;
    --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important;
}
.ion-color-medium {
    --ion-color-base: var(--ion-color-medium, #636469) !important;
    --ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;
    --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;
    --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;
    --ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;
    --ion-color-tint: var(--ion-color-medium-tint, #737478) !important;
}
.ion-color-dark {
    --ion-color-base: var(--ion-color-dark, #222428) !important;
    --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;
    --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;
    --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;
    --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;
    --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important;
}
.ion-page {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    position: absolute;
    flex-direction: column;
    justify-content: space-between;
    contain: layout size style;
    z-index: 0;
}
ion-modal > .ion-page {
    position: relative;
    contain: layout style;
    height: 100%;
}
.split-pane-visible > .ion-page.split-pane-main {
    position: relative;
}
ion-route,
ion-route-redirect,
ion-router,
ion-select-option,
ion-nav-controller,
ion-menu-controller,
ion-action-sheet-controller,
ion-alert-controller,
ion-loading-controller,
ion-modal-controller,
ion-picker-controller,
ion-popover-controller,
ion-toast-controller,
.ion-page-hidden {
    display: none !important;
}
.ion-page-invisible {
    opacity: 0;
}
.can-go-back > ion-header ion-back-button {
    display: block;
}
html.plt-ios.plt-hybrid,
html.plt-ios.plt-pwa {
    --ion-statusbar-padding: 20px;
}
@supports (padding-top: 20px) {
    html {
        --ion-safe-area-top: var(--ion-statusbar-padding);
    }
}
@supports (padding-top: env(safe-area-inset-top)) {
    html {
        --ion-safe-area-top: env(safe-area-inset-top);
        --ion-safe-area-bottom: env(safe-area-inset-bottom);
        --ion-safe-area-left: env(safe-area-inset-left);
        --ion-safe-area-right: env(safe-area-inset-right);
    }
}
ion-card.ion-color .ion-inherit-color,
ion-card-header.ion-color .ion-inherit-color {
    color: inherit;
}
.menu-content {
    transform: translateZ(0);
}
.menu-content-open {
    cursor: pointer;
    touch-action: manipulation;
    pointer-events: none;
    overflow-y: hidden;
}
.menu-content-open ion-content {
    --overflow: hidden;
}
.menu-content-open .ion-content-scroll-host {
    overflow: hidden;
}
.ios .menu-content-reveal {
    box-shadow: -8px 0 42px rgba(0, 0, 0, 0.08);
}
[dir='rtl'].ios .menu-content-reveal {
    box-shadow: 8px 0 42px rgba(0, 0, 0, 0.08);
}
.md .menu-content-reveal,
.md .menu-content-push {
    box-shadow: 4px 0 16px rgba(0, 0, 0, 0.18);
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
ion-accordion-group > ion-accordion:last-of-type ion-item[slot='header'] {
    --border-width: 0px;
}
ion-accordion.accordion-animated > [slot='header'] .ion-accordion-toggle-icon {
    transition: 0.3s transform cubic-bezier(0.25, 0.8, 0.5, 1);
}
@media (prefers-reduced-motion: reduce) {
    ion-accordion .ion-accordion-toggle-icon {
        transition: none !important;
    }
}
ion-accordion.accordion-expanding > [slot='header'] .ion-accordion-toggle-icon,
ion-accordion.accordion-expanded > [slot='header'] .ion-accordion-toggle-icon {
    transform: rotate(180deg);
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot='header'] {
    --border-width: 0px;
    --inner-border-width: 0px;
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type,
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {
    margin-top: 0;
}
ion-input input::-webkit-date-and-time-value {
    text-align: start;
}
.ion-datetime-button-overlay {
    --width: fit-content;
    --height: fit-content;
}
.ion-datetime-button-overlay ion-datetime.datetime-grid {
    width: 320px;
    min-height: 320px;
}
[ion-last-focus],
header[tabindex='-1']:focus,
[role='banner'][tabindex='-1']:focus,
main[tabindex='-1']:focus,
[role='main'][tabindex='-1']:focus,
h1[tabindex='-1']:focus,
[role='heading'][aria-level='1'][tabindex='-1']:focus {
    outline: none;
}
.popover-viewport:has(> ion-content) {
    overflow: hidden;
}
@supports not selector(:has(> ion-content)) {
    .popover-viewport {
        overflow: hidden;
    }
}
audio,
canvas,
progress,
video {
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
b,
strong {
    font-weight: 700;
}
img {
    max-width: 100%;
}
hr {
    height: 1px;
    border-width: 0;
    box-sizing: content-box;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
label,
input,
select,
textarea {
    font-family: inherit;
    line-height: normal;
}
textarea {
    overflow: auto;
    height: auto;
    font: inherit;
    color: inherit;
}
textarea::placeholder {
    padding-left: 2px;
}
form,
input,
optgroup,
select {
    margin: 0;
    font: inherit;
    color: inherit;
}
html input[type='button'],
input[type='reset'],
input[type='submit'] {
    cursor: pointer;
    -webkit-appearance: button;
}
a,
a div,
a span,
a ion-icon,
a ion-label,
button,
button div,
button span,
button ion-icon,
button ion-label,
.ion-tappable,
[tappable],
[tappable] div,
[tappable] span,
[tappable] ion-icon,
[tappable] ion-label,
input,
textarea {
    touch-action: manipulation;
}
a ion-label,
button ion-label {
    pointer-events: none;
}
button {
    padding: 0;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    font-style: inherit;
    font-variant: inherit;
    line-height: 1;
    text-transform: none;
    cursor: pointer;
    -webkit-appearance: button;
}
[tappable] {
    cursor: pointer;
}
a[disabled],
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    height: auto;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}
* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
html {
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
html:not(.hydrated) body {
    display: none;
}
html.ion-ce body {
    display: block;
}
html.plt-pwa {
    height: 100vh;
}
body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0;
    position: fixed;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    transform: translateZ(0);
    text-rendering: optimizeLegibility;
    overflow: hidden;
    touch-action: manipulation;
    -webkit-user-drag: none;
    -ms-content-zooming: none;
    word-wrap: break-word;
    overscroll-behavior-y: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
}
html {
    font-family: var(--ion-font-family);
}
@supports (-webkit-touch-callout: none) {
    html {
        font: var(--ion-dynamic-font, 16px var(--ion-font-family));
    }
}
a {
    background-color: transparent;
    color: var(--ion-color-primary, #0054e9);
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 16px;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1.2;
}
h1 {
    margin-top: 20px;
    font-size: 1.625rem;
}
h2 {
    margin-top: 18px;
    font-size: 1.5rem;
}
h3 {
    font-size: 1.375rem;
}
h4 {
    font-size: 1.25rem;
}
h5 {
    font-size: 1.125rem;
}
h6 {
    font-size: 1rem;
}
small {
    font-size: 75%;
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
.ion-no-padding {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    padding: 0;
}
.ion-padding {
    --padding-start: var(--ion-padding, 16px);
    --padding-end: var(--ion-padding, 16px);
    --padding-top: var(--ion-padding, 16px);
    --padding-bottom: var(--ion-padding, 16px);
    padding-inline-start: var(--ion-padding, 16px);
    padding-inline-end: var(--ion-padding, 16px);
    padding-top: var(--ion-padding, 16px);
    padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-top {
    --padding-top: var(--ion-padding, 16px);
    padding-top: var(--ion-padding, 16px);
}
.ion-padding-start {
    --padding-start: var(--ion-padding, 16px);
    padding-inline-start: var(--ion-padding, 16px);
}
.ion-padding-end {
    --padding-end: var(--ion-padding, 16px);
    padding-inline-end: var(--ion-padding, 16px);
}
.ion-padding-bottom {
    --padding-bottom: var(--ion-padding, 16px);
    padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-vertical {
    --padding-top: var(--ion-padding, 16px);
    --padding-bottom: var(--ion-padding, 16px);
    padding-top: var(--ion-padding, 16px);
    padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-horizontal {
    --padding-start: var(--ion-padding, 16px);
    --padding-end: var(--ion-padding, 16px);
    padding-inline-start: var(--ion-padding, 16px);
    padding-inline-end: var(--ion-padding, 16px);
}
.ion-no-margin {
    --margin-start: 0;
    --margin-end: 0;
    --margin-top: 0;
    --margin-bottom: 0;
    margin: 0;
}
.ion-margin {
    --margin-start: var(--ion-margin, 16px);
    --margin-end: var(--ion-margin, 16px);
    --margin-top: var(--ion-margin, 16px);
    --margin-bottom: var(--ion-margin, 16px);
    margin-inline-start: var(--ion-margin, 16px);
    margin-inline-end: var(--ion-margin, 16px);
    margin-top: var(--ion-margin, 16px);
    margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-top {
    --margin-top: var(--ion-margin, 16px);
    margin-top: var(--ion-margin, 16px);
}
.ion-margin-start {
    --margin-start: var(--ion-margin, 16px);
    margin-inline-start: var(--ion-margin, 16px);
}
.ion-margin-end {
    --margin-end: var(--ion-margin, 16px);
    margin-inline-end: var(--ion-margin, 16px);
}
.ion-margin-bottom {
    --margin-bottom: var(--ion-margin, 16px);
    margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-vertical {
    --margin-top: var(--ion-margin, 16px);
    --margin-bottom: var(--ion-margin, 16px);
    margin-top: var(--ion-margin, 16px);
    margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-horizontal {
    --margin-start: var(--ion-margin, 16px);
    --margin-end: var(--ion-margin, 16px);
    margin-inline-start: var(--ion-margin, 16px);
    margin-inline-end: var(--ion-margin, 16px);
}
.ion-float-left {
    float: left !important;
}
.ion-float-right {
    float: right !important;
}
.ion-float-start {
    float: left !important;
}
:host-context([dir='rtl']) .ion-float-start {
    float: right !important;
}
[dir='rtl'] .ion-float-start {
    float: right !important;
}
@supports selector(:dir(rtl)) {
    .ion-float-start:dir(rtl) {
        float: right !important;
    }
}
.ion-float-end {
    float: right !important;
}
:host-context([dir='rtl']) .ion-float-end {
    float: left !important;
}
[dir='rtl'] .ion-float-end {
    float: left !important;
}
@supports selector(:dir(rtl)) {
    .ion-float-end:dir(rtl) {
        float: left !important;
    }
}
@media (min-width: 576px) {
    .ion-float-sm-left {
        float: left !important;
    }
    .ion-float-sm-right {
        float: right !important;
    }
    .ion-float-sm-start {
        float: left !important;
    }
    :host-context([dir='rtl']) .ion-float-sm-start {
        float: right !important;
    }
    [dir='rtl'] .ion-float-sm-start {
        float: right !important;
    }
    @supports selector(:dir(rtl)) {
        .ion-float-sm-start:dir(rtl) {
            float: right !important;
        }
    }
    .ion-float-sm-end {
        float: right !important;
    }
    :host-context([dir='rtl']) .ion-float-sm-end {
        float: left !important;
    }
    [dir='rtl'] .ion-float-sm-end {
        float: left !important;
    }
    @supports selector(:dir(rtl)) {
        .ion-float-sm-end:dir(rtl) {
            float: left !important;
        }
    }
}
@media (min-width: 768px) {
    .ion-float-md-left {
        float: left !important;
    }
    .ion-float-md-right {
        float: right !important;
    }
    .ion-float-md-start {
        float: left !important;
    }
    :host-context([dir='rtl']) .ion-float-md-start {
        float: right !important;
    }
    [dir='rtl'] .ion-float-md-start {
        float: right !important;
    }
    @supports selector(:dir(rtl)) {
        .ion-float-md-start:dir(rtl) {
            float: right !important;
        }
    }
    .ion-float-md-end {
        float: right !important;
    }
    :host-context([dir='rtl']) .ion-float-md-end {
        float: left !important;
    }
    [dir='rtl'] .ion-float-md-end {
        float: left !important;
    }
    @supports selector(:dir(rtl)) {
        .ion-float-md-end:dir(rtl) {
            float: left !important;
        }
    }
}
@media (min-width: 992px) {
    .ion-float-lg-left {
        float: left !important;
    }
    .ion-float-lg-right {
        float: right !important;
    }
    .ion-float-lg-start {
        float: left !important;
    }
    :host-context([dir='rtl']) .ion-float-lg-start {
        float: right !important;
    }
    [dir='rtl'] .ion-float-lg-start {
        float: right !important;
    }
    @supports selector(:dir(rtl)) {
        .ion-float-lg-start:dir(rtl) {
            float: right !important;
        }
    }
    .ion-float-lg-end {
        float: right !important;
    }
    :host-context([dir='rtl']) .ion-float-lg-end {
        float: left !important;
    }
    [dir='rtl'] .ion-float-lg-end {
        float: left !important;
    }
    @supports selector(:dir(rtl)) {
        .ion-float-lg-end:dir(rtl) {
            float: left !important;
        }
    }
}
@media (min-width: 1200px) {
    .ion-float-xl-left {
        float: left !important;
    }
    .ion-float-xl-right {
        float: right !important;
    }
    .ion-float-xl-start {
        float: left !important;
    }
    :host-context([dir='rtl']) .ion-float-xl-start {
        float: right !important;
    }
    [dir='rtl'] .ion-float-xl-start {
        float: right !important;
    }
    @supports selector(:dir(rtl)) {
        .ion-float-xl-start:dir(rtl) {
            float: right !important;
        }
    }
    .ion-float-xl-end {
        float: right !important;
    }
    :host-context([dir='rtl']) .ion-float-xl-end {
        float: left !important;
    }
    [dir='rtl'] .ion-float-xl-end {
        float: left !important;
    }
    @supports selector(:dir(rtl)) {
        .ion-float-xl-end:dir(rtl) {
            float: left !important;
        }
    }
}
.ion-text-center {
    text-align: center !important;
}
.ion-text-justify {
    text-align: justify !important;
}
.ion-text-start {
    text-align: start !important;
}
.ion-text-end {
    text-align: end !important;
}
.ion-text-left {
    text-align: left !important;
}
.ion-text-right {
    text-align: right !important;
}
.ion-text-nowrap {
    white-space: nowrap !important;
}
.ion-text-wrap {
    white-space: normal !important;
}
@media (min-width: 576px) {
    .ion-text-sm-center {
        text-align: center !important;
    }
    .ion-text-sm-justify {
        text-align: justify !important;
    }
    .ion-text-sm-start {
        text-align: start !important;
    }
    .ion-text-sm-end {
        text-align: end !important;
    }
    .ion-text-sm-left {
        text-align: left !important;
    }
    .ion-text-sm-right {
        text-align: right !important;
    }
    .ion-text-sm-nowrap {
        white-space: nowrap !important;
    }
    .ion-text-sm-wrap {
        white-space: normal !important;
    }
}
@media (min-width: 768px) {
    .ion-text-md-center {
        text-align: center !important;
    }
    .ion-text-md-justify {
        text-align: justify !important;
    }
    .ion-text-md-start {
        text-align: start !important;
    }
    .ion-text-md-end {
        text-align: end !important;
    }
    .ion-text-md-left {
        text-align: left !important;
    }
    .ion-text-md-right {
        text-align: right !important;
    }
    .ion-text-md-nowrap {
        white-space: nowrap !important;
    }
    .ion-text-md-wrap {
        white-space: normal !important;
    }
}
@media (min-width: 992px) {
    .ion-text-lg-center {
        text-align: center !important;
    }
    .ion-text-lg-justify {
        text-align: justify !important;
    }
    .ion-text-lg-start {
        text-align: start !important;
    }
    .ion-text-lg-end {
        text-align: end !important;
    }
    .ion-text-lg-left {
        text-align: left !important;
    }
    .ion-text-lg-right {
        text-align: right !important;
    }
    .ion-text-lg-nowrap {
        white-space: nowrap !important;
    }
    .ion-text-lg-wrap {
        white-space: normal !important;
    }
}
@media (min-width: 1200px) {
    .ion-text-xl-center {
        text-align: center !important;
    }
    .ion-text-xl-justify {
        text-align: justify !important;
    }
    .ion-text-xl-start {
        text-align: start !important;
    }
    .ion-text-xl-end {
        text-align: end !important;
    }
    .ion-text-xl-left {
        text-align: left !important;
    }
    .ion-text-xl-right {
        text-align: right !important;
    }
    .ion-text-xl-nowrap {
        white-space: nowrap !important;
    }
    .ion-text-xl-wrap {
        white-space: normal !important;
    }
}
.ion-text-uppercase {
    text-transform: uppercase !important;
}
.ion-text-lowercase {
    text-transform: lowercase !important;
}
.ion-text-capitalize {
    text-transform: capitalize !important;
}
@media (min-width: 576px) {
    .ion-text-sm-uppercase {
        text-transform: uppercase !important;
    }
    .ion-text-sm-lowercase {
        text-transform: lowercase !important;
    }
    .ion-text-sm-capitalize {
        text-transform: capitalize !important;
    }
}
@media (min-width: 768px) {
    .ion-text-md-uppercase {
        text-transform: uppercase !important;
    }
    .ion-text-md-lowercase {
        text-transform: lowercase !important;
    }
    .ion-text-md-capitalize {
        text-transform: capitalize !important;
    }
}
@media (min-width: 992px) {
    .ion-text-lg-uppercase {
        text-transform: uppercase !important;
    }
    .ion-text-lg-lowercase {
        text-transform: lowercase !important;
    }
    .ion-text-lg-capitalize {
        text-transform: capitalize !important;
    }
}
@media (min-width: 1200px) {
    .ion-text-xl-uppercase {
        text-transform: uppercase !important;
    }
    .ion-text-xl-lowercase {
        text-transform: lowercase !important;
    }
    .ion-text-xl-capitalize {
        text-transform: capitalize !important;
    }
}
.ion-align-self-start {
    align-self: flex-start !important;
}
.ion-align-self-end {
    align-self: flex-end !important;
}
.ion-align-self-center {
    align-self: center !important;
}
.ion-align-self-stretch {
    align-self: stretch !important;
}
.ion-align-self-baseline {
    align-self: baseline !important;
}
.ion-align-self-auto {
    align-self: auto !important;
}
.ion-wrap {
    flex-wrap: wrap !important;
}
.ion-nowrap {
    flex-wrap: nowrap !important;
}
.ion-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}
.ion-justify-content-start {
    justify-content: flex-start !important;
}
.ion-justify-content-center {
    justify-content: center !important;
}
.ion-justify-content-end {
    justify-content: flex-end !important;
}
.ion-justify-content-around {
    justify-content: space-around !important;
}
.ion-justify-content-between {
    justify-content: space-between !important;
}
.ion-justify-content-evenly {
    justify-content: space-evenly !important;
}
.ion-align-items-start {
    align-items: flex-start !important;
}
.ion-align-items-center {
    align-items: center !important;
}
.ion-align-items-end {
    align-items: flex-end !important;
}
.ion-align-items-stretch {
    align-items: stretch !important;
}
.ion-align-items-baseline {
    align-items: baseline !important;
}
.ion-hide,
.ion-hide-up,
.ion-hide-down {
    display: none !important;
}
@media (min-width: 576px) {
    .ion-hide-sm-up {
        display: none !important;
    }
}
@media (max-width: 575.98px) {
    .ion-hide-sm-down {
        display: none !important;
    }
}
@media (min-width: 768px) {
    .ion-hide-md-up {
        display: none !important;
    }
}
@media (max-width: 767.98px) {
    .ion-hide-md-down {
        display: none !important;
    }
}
@media (min-width: 992px) {
    .ion-hide-lg-up {
        display: none !important;
    }
}
@media (max-width: 991.98px) {
    .ion-hide-lg-down {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .ion-hide-xl-up {
        display: none !important;
    }
}
@media (max-width: 1199.98px) {
    .ion-hide-xl-down {
        display: none !important;
    }
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/roboto-cyrillic-ext-variable.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2') format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2') format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2') format('woff2');
    unicode-range:
        U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047,
        U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C,
        U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2') format('woff2');
    unicode-range:
        U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF,
        U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F,
        U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9,
        U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD,
        U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9,
        U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/roboto-cyrillic-ext-variable.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2') format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2') format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2') format('woff2');
    unicode-range:
        U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047,
        U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C,
        U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2') format('woff2');
    unicode-range:
        U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF,
        U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F,
        U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9,
        U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD,
        U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9,
        U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/roboto-cyrillic-ext-variable.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2') format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2') format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2') format('woff2');
    unicode-range:
        U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047,
        U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C,
        U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2') format('woff2');
    unicode-range:
        U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF,
        U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F,
        U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9,
        U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD,
        U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9,
        U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/roboto-cyrillic-ext-variable.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2') format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2') format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2') format('woff2');
    unicode-range:
        U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047,
        U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C,
        U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2') format('woff2');
    unicode-range:
        U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF,
        U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F,
        U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9,
        U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD,
        U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9,
        U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/roboto-cyrillic-ext-variable.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2') format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2') format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2') format('woff2');
    unicode-range:
        U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047,
        U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C,
        U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2') format('woff2');
    unicode-range:
        U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF,
        U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F,
        U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9,
        U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD,
        U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9,
        U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/roboto-cyrillic-ext-variable.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2') format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2') format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2') format('woff2');
    unicode-range:
        U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047,
        U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C,
        U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2') format('woff2');
    unicode-range:
        U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF,
        U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F,
        U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9,
        U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD,
        U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9,
        U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/roboto-cyrillic-ext-variable.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2') format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2') format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2') format('woff2');
    unicode-range:
        U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047,
        U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C,
        U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2') format('woff2');
    unicode-range:
        U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF,
        U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F,
        U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9,
        U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD,
        U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9,
        U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/roboto-cyrillic-ext-variable.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2') format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2') format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2') format('woff2');
    unicode-range:
        U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047,
        U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C,
        U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2') format('woff2');
    unicode-range:
        U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF,
        U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F,
        U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9,
        U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD,
        U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9,
        U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('/fonts/inter/v20/UcCm3FwrK3iLTcvnUwkT9nA2.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('/fonts/inter/v20/UcCm3FwrK3iLTcvnUwAT9nA2.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('/fonts/inter/v20/UcCm3FwrK3iLTcvnUwgT9nA2.woff2') format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('/fonts/inter/v20/UcCm3FwrK3iLTcvnUwcT9nA2.woff2') format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('/fonts/inter/v20/UcCm3FwrK3iLTcvnUwsT9nA2.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('/fonts/inter/v20/UcCm3FwrK3iLTcvnUwoT9nA2.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('/fonts/inter/v20/UcCm3FwrK3iLTcvnUwQT9g.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('/fonts/inter/v20/UcCo3FwrK3iLTcvvYwYL8g.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('/fonts/inter/v20/UcCo3FwrK3iLTcvmYwYL8g.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('/fonts/inter/v20/UcCo3FwrK3iLTcvuYwYL8g.woff2') format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('/fonts/inter/v20/UcCo3FwrK3iLTcvhYwYL8g.woff2') format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('/fonts/inter/v20/UcCo3FwrK3iLTcvtYwYL8g.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('/fonts/inter/v20/UcCo3FwrK3iLTcvsYwYL8g.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('/fonts/inter/v20/UcCo3FwrK3iLTcviYwY.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: 'Saira';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/saira/v23/memjYa2wxmKQyPMrZX79wwYZQMhsyuSLh4vSZSk.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Saira';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/saira/v23/memjYa2wxmKQyPMrZX79wwYZQMhsyuSLhovSZSk.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Saira';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/saira/v23/saira-latin-variable.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: 'Saira';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/saira/v23/memjYa2wxmKQyPMrZX79wwYZQMhsyuSLh4vSZSk.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Saira';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/saira/v23/memjYa2wxmKQyPMrZX79wwYZQMhsyuSLhovSZSk.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Saira';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/saira/v23/saira-latin-variable.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: 'Saira';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/saira/v23/memjYa2wxmKQyPMrZX79wwYZQMhsyuSLh4vSZSk.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Saira';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/saira/v23/memjYa2wxmKQyPMrZX79wwYZQMhsyuSLhovSZSk.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Saira';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('/fonts/saira/v23/saira-latin-variable.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}