.box[data-v-349a2904]{border-radius:var(--value-radius-medium,12px);gap:8px}.box[data-v-349a2904],.box .next-btn[data-v-349a2904],.box .previous-btn[data-v-349a2904]{align-items:center;display:flex;justify-content:center}.box .next-btn[data-v-349a2904],.box .previous-btn[data-v-349a2904]{background:var(--color-foreground-normalcy-tertiary);border-radius:6px;cursor:pointer;padding:10px}.box .next-btn[data-v-349a2904]:hover,.box .previous-btn[data-v-349a2904]:hover{background:var(--color-foreground-normalcy-quaternary)}.box .next-btn[data-v-349a2904]:active,.box .previous-btn[data-v-349a2904]:active{background:var(--color-foreground-normalcy-tertiary)}.box .next-btn.disabled[data-v-349a2904],.box .previous-btn.disabled[data-v-349a2904]{background:var(--color-foreground-normalcy-secondary);cursor:not-allowed;opacity:.5}.box .generate-btn[data-v-349a2904]{align-items:center;background:linear-gradient(-25.4127deg,#5a02fc 18.716%,#e83df4 74.855%,#fee7f4 100.72%);border-radius:6px;color:var(--color-text-static-white-primary);cursor:pointer;display:flex;font-size:16px;font-style:normal;font-weight:700;gap:8px;justify-content:center;line-height:24px;padding:5px 12px}.box .generate-btn[data-v-349a2904]:hover{background:linear-gradient(90deg,#0000003d,#0000003d),linear-gradient(-25.4127deg,#5a02fc 18.716%,#e83df4 74.855%,#fee7f4 100.72%)}.box .generate-btn[data-v-349a2904]:hover,.box .generate-btn:hover span[data-v-349a2904]{color:#ffffff8f}.box .generate-btn:hover .credit_discount[data-v-349a2904]:after{background:#ffffff8f}.box .generate-btn[data-v-349a2904]:active{background:linear-gradient(-25.4127deg,#5a02fc 18.716%,#e83df4 74.855%,#fee7f4 100.72%)}.box .generate-btn:active span[data-v-349a2904]{color:#fff}.box .generate-btn:active .credit_discount[data-v-349a2904]:after{background:#fff}.box .generate-btn.is-disabled[data-v-349a2904]{cursor:not-allowed;opacity:.4}.box .generate-btn.is-disabled[data-v-349a2904]:active,.box .generate-btn.is-disabled[data-v-349a2904]:hover{background:linear-gradient(-25.4127deg,#5a02fc 18.716%,#e83df4 74.855%,#fee7f4 100.72%)!important;color:var(--color-text-static-white-primary)!important}.box .generate-btn-phone[data-v-349a2904]{align-items:center;align-self:stretch;gap:6px;justify-content:center;padding:9px 16px;width:100%}.box .generate-btn__inner[data-v-349a2904]{align-items:center;display:flex;gap:4px}.box .generate-btn__spinner[data-v-349a2904]{animation:generate-btn-spin-349a2904 .8s linear infinite;border:2px solid hsla(0,0%,100%,.35);border-radius:50%;border-top-color:#fff;height:14px;width:14px}.box .generate-btn__credit-icon[data-v-349a2904]{color:var(--button-primary-icon-default,hsla(0,0%,100%,.87));display:inline-flex;margin-left:4px}.box .credit_discount[data-v-349a2904],.box .generate-btn__credit-val[data-v-349a2904]{font-size:14px;font-weight:700}.box .credit_discount[data-v-349a2904]{position:relative}.box .credit_discount[data-v-349a2904]:after{background:#fff;content:"";height:2px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}@keyframes generate-btn-spin-349a2904{to{transform:rotate(1turn)}}.has-bg[data-v-349a2904]{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(0deg,var(--color-background-container,#1f1f1f),var(--color-background-container,#1f1f1f)),linear-gradient(0deg,var(--color-foreground-normalcy-tertiary,hsla(0,0%,100%,.08)),var(--color-foreground-normalcy-tertiary,hsla(0,0%,100%,.08)));border:1px solid var(--color-foreground-normalcy-tertiary,hsla(0,0%,100%,.078));border-radius:12px;gap:8px;padding:7px}.has-bg .generate-btn[data-v-349a2904]{padding:8px}@media screen and (max-width:768px){.box .next-btn[data-v-349a2904],.box .previous-btn[data-v-349a2904]{padding:10px}.box .generate-btn[data-v-349a2904]{align-items:center;gap:6px;justify-content:center;min-width:unset;padding:5px 16px;width:100%}}.character-selection-overlay[data-v-8ba40254]{align-items:center;background:#0009;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:fixed;z-index:2000}.character-selection-modal[data-v-8ba40254]{background:var(--color-background-layout,#141414);border:1px solid var(--color-stroke-normalcy-color-secondary,rgba(206,232,245,.039));border-radius:16px;box-shadow:var(--effectdrop-shadowLgx) var(--effectdrop-shadowLgy) var(--effectdrop-shadowLgblur) var(--effectdrop-shadowLgspread) var(--effectdrop-shadowLgcolor);box-sizing:border-box;display:flex;flex-direction:column;gap:16px;height:calc(100vh - 48px);max-height:648px;max-width:864px;overflow:hidden;padding:24px;position:relative;width:calc(100vw - 48px)}.character-selection-modal__header[data-v-8ba40254]{align-items:center;display:flex;flex:0 0 auto;justify-content:space-between;position:relative}.character-selection-modal__title[data-v-8ba40254]{color:var(--color-text-dynamic-white-senary,hsla(0,0%,100%,.722));font-size:24px;font-weight:700;line-height:32px}.character-selection-modal__close[data-v-8ba40254]{align-items:center;border-radius:8px;color:var(--color-text-dynamic-white-tertiary,hsla(0,0%,100%,.56));cursor:pointer;display:inline-flex;flex:0 0 auto;height:32px;justify-content:center;position:absolute;right:8px;top:8px;width:32px}.character-selection-modal__close[data-v-8ba40254]:hover{background:var(--color-foreground-normalcy-tertiary,hsla(0,0%,100%,.08));color:var(--color-text-dynamic-white-secondary,hsla(0,0%,100%,.88))}.character-selection-modal__tabs[data-v-8ba40254]{align-items:center;display:flex;flex:0 0 auto;gap:8px}.character-selection-modal__tab[data-v-8ba40254]{align-items:center;border-radius:4px;color:var(--color-text-dynamic-white-tertiary,hsla(0,0%,100%,.56));cursor:pointer;display:flex;font-size:12px;font-weight:400;justify-content:center;line-height:20px;padding:6px 8px}.character-selection-modal__tab--active[data-v-8ba40254],.character-selection-modal__tab[data-v-8ba40254]:hover{background:var(--color-foreground-normalcy-tertiary,hsla(0,0%,100%,.08));color:var(--color-text-dynamic-white-primary,#fff)}.character-selection-modal__tab--active[data-v-8ba40254]{font-weight:700}.character-selection-modal__body[data-v-8ba40254]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.character-selection-modal__grid[data-v-8ba40254]{display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width:768px){.character-selection-modal__grid[data-v-8ba40254]{grid-template-columns:repeat(2,minmax(0,1fr))}}.character-selection-modal__loading-more[data-v-8ba40254],.character-selection-modal__state[data-v-8ba40254]{align-items:center;color:var(--color-text-dynamic-white-tertiary,hsla(0,0%,100%,.56));display:flex;justify-content:center;min-height:120px}.character-selection-modal__loading-more[data-v-8ba40254]{grid-column:1/-1;min-height:56px}.character-selection-modal__empty[data-v-8ba40254]{align-items:center;color:var(--color-text-dynamic-white-tertiary,hsla(0,0%,100%,.56));display:flex;grid-column:1/-1;justify-content:center;min-height:120px}.character-selection-modal__footer[data-v-8ba40254]{display:flex;flex:0 0 auto;gap:12px;justify-content:flex-end;padding-top:8px}.character-card[data-v-8ba40254]{aspect-ratio:3/4;border:2px solid transparent;border-radius:8px;cursor:pointer;overflow:hidden;position:relative}.character-card--active[data-v-8ba40254],.character-card[data-v-8ba40254]:hover{border-color:var(--color-brand-new-primary,#7b61ff)}.character-card__checkbox[data-v-8ba40254]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000052;border-radius:6px;display:inline-flex;height:20px;justify-content:center;left:8px;opacity:0;position:absolute;top:8px;transition:opacity .2s ease;width:20px;z-index:2}.character-card:hover .character-card__checkbox[data-v-8ba40254],.character-card__checkbox--checked[data-v-8ba40254]{opacity:1}.character-card__checkbox--checked[data-v-8ba40254]{-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent}.character-card__image[data-v-8ba40254]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.character-card--add[data-v-8ba40254]{align-items:center;display:flex;justify-content:center;overflow:visible}.character-card--add[data-v-8ba40254],.character-card--add[data-v-8ba40254]:hover{background:var(--color-foreground-normalcy-tertiary,hsla(0,0%,100%,.08))}.character-card--add[data-v-8ba40254]:hover{border-color:transparent}.character-card__add-submenu[data-v-8ba40254]{background:var(--color-background-overlay,#1e1e1e);border-radius:8px;box-shadow:0 4px 16px #00000052;display:flex;flex-direction:column;gap:4px;left:calc(100% + 8px);padding:4px;position:absolute;top:0;width:192px;z-index:10}.character-card__submenu-item[data-v-8ba40254]{align-items:center;border-radius:6px;color:var(--color-text-dynamic-white-secondary,hsla(0,0%,100%,.88));cursor:pointer;display:flex;font-size:13px;font-weight:400;gap:8px;min-height:36px;padding:4px 8px 4px 12px}.character-card__submenu-item[data-v-8ba40254]:hover{background:var(--color-foreground-normalcy-tertiary,hsla(0,0%,100%,.08))}.character-card__add-content[data-v-8ba40254]{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center}.character-card__add-text[data-v-8ba40254]{color:var(--color-text-dynamic-white-tertiary,hsla(0,0%,100%,.88));font-size:14px;line-height:22px;text-align:center}.character-card__name-bar[data-v-8ba40254]{background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));bottom:0;left:0;padding:24px 12px 10px;position:absolute;right:0}.character-card__name[data-v-8ba40254]{color:#fff;display:block;font-size:14px;font-weight:700;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-selection-fade-enter-active[data-v-8ba40254],.character-selection-fade-leave-active[data-v-8ba40254]{transition:opacity .2s ease}.character-selection-fade-enter-from[data-v-8ba40254],.character-selection-fade-leave-to[data-v-8ba40254]{opacity:0}@media (max-width:768px){.character-selection-overlay[data-v-8ba40254]{align-items:flex-end;padding:0}.character-selection-modal[data-v-8ba40254]{background:var(--color-background-layout-secondary,#292929);border:none;border-radius:16px 16px 0 0;box-shadow:none;gap:12px;height:auto;max-height:90dvh;max-width:none;padding:16px 16px calc(16px + env(safe-area-inset-bottom));width:100vw}.character-selection-modal__header[data-v-8ba40254]{justify-content:center;min-height:24px;padding:0 8px}.character-selection-modal__title[data-v-8ba40254]{font-size:16px;font-weight:700;line-height:24px;text-align:center}.character-selection-modal__close[data-v-8ba40254]{height:24px;position:absolute;right:8px;width:24px}.character-selection-modal__footer[data-v-8ba40254]{gap:8px;padding-top:12px}.character-selection-modal__footer[data-v-8ba40254] .xmi-button{flex:1 1 0;width:100%}}.character-selection-fade-enter-active .character-selection-modal[data-v-8ba40254],.character-selection-fade-leave-active .character-selection-modal[data-v-8ba40254]{transition:transform .25s ease}@media (max-width:768px){.character-selection-fade-enter-from .character-selection-modal[data-v-8ba40254],.character-selection-fade-leave-to .character-selection-modal[data-v-8ba40254]{transform:translateY(100%)}}
