.character-browser[data-v-53440fca]{color:#202329;background:#fff;border:1px solid #ded8cf;border-radius:24px;scroll-margin-top:120px;overflow:hidden}.character-browser__versions[data-v-53440fca]{background:#e5dfd6;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;padding:0;display:grid}.character-browser__versions button[data-v-53440fca]{color:#61646b;text-align:left;cursor:pointer;background:#f5f2ed;border:0;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-height:78px;padding:12px 15px;transition:background .25s,color .25s;display:grid}.character-browser__versions button[data-v-53440fca]:hover{background:#fff}.character-browser__versions button.active[data-v-53440fca]{color:#fff;background:#25282e}.character-browser__version-icon[data-v-53440fca]{-o-object-fit:cover;object-fit:cover;border-radius:10px;width:36px;height:36px}.character-browser__version-copy[data-v-53440fca]{gap:3px;min-width:0;display:grid}.character-browser__version-copy strong[data-v-53440fca]{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.character-browser__versions small[data-v-53440fca]{color:#94969b;font-size:11px}.character-browser__versions button.active small[data-v-53440fca]{color:#ffafb7}.character-browser__workspace[data-v-53440fca]{grid-template-columns:minmax(230px,4fr) minmax(0,8fr);min-height:440px;display:grid}.character-browser aside[data-v-53440fca]{background:#f7f4ef;border-right:1px solid #e5dfd7;padding:22px 16px}.character-browser__aside-title[data-v-53440fca]{color:#767980;justify-content:space-between;padding:0 8px 14px;font-size:13px;display:flex}.character-browser__aside-title b[data-v-53440fca]{color:#a56b00}.character-browser aside>button[data-v-53440fca]{color:#303238;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;width:100%;padding:13px 10px;transition:background .22s,transform .22s;display:grid}.character-browser aside>button[data-v-53440fca]:hover{background:#fff;transform:translate(2px)}.character-browser aside>button.active[data-v-53440fca]{background:#fff;box-shadow:0 8px 22px #2c241e12}.character-browser__account-mark[data-v-53440fca]{background:#eef6ff;border-radius:10px;place-items:center;width:46px;height:36px;display:grid}.character-browser__account-mark img[data-v-53440fca]{width:23px;height:23px}.character-browser aside>button.active .character-browser__account-mark[data-v-53440fca]{background:#e8f3ff}.character-browser aside>button>span[data-v-53440fca]:nth-child(2){gap:3px;min-width:0;display:grid}.character-browser aside small[data-v-53440fca],.character-browser aside strong[data-v-53440fca]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.character-browser aside small[data-v-53440fca]{color:#898b91}.character-browser aside i[data-v-53440fca]{color:#aaa39a;font-size:22px;font-style:normal}.character-browser__roles[data-v-53440fca]{min-width:0;padding:22px 24px 24px}.character-browser__toolbar[data-v-53440fca]{justify-content:space-between;align-items:center;gap:24px;margin-bottom:14px;display:flex}.character-browser__toolbar>div[data-v-53440fca]{gap:3px;display:grid}.character-browser__toolbar>div>strong[data-v-53440fca]{font-size:20px}.character-browser__toolbar>div>span[data-v-53440fca]{color:#898b91;font-size:13px}.character-browser__toolbar input[data-v-53440fca]{background:#faf8f5;border:1px solid #ddd6cc;border-radius:10px;outline:none;width:calc(min(270px,30vw));height:40px;padding:0 13px}.character-browser__toolbar input[data-v-53440fca]:focus{border-color:#b99238;box-shadow:0 0 0 3px #d2ab4924}.character-browser__role-list[data-v-53440fca]{scrollbar-width:thin;max-height:350px;padding-right:5px;overflow-y:auto}.character-browser__role-list article[data-v-53440fca]{border-bottom:1px solid #eee9e3;grid-template-columns:44px minmax(0,1fr) minmax(135px,auto) auto;align-items:center;gap:13px;min-height:68px;padding:10px 6px;display:grid}.character-browser__portrait[data-v-53440fca]{background:color-mix(in srgb, var(--class-color) 18%, #202329);width:44px;height:44px;color:var(--class-color);border-radius:12px;place-items:center;font-size:17px;font-weight:900;display:grid;overflow:hidden}.character-browser__portrait img[data-v-53440fca]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.character-browser__portrait b[data-v-53440fca]{font-size:inherit}.character-browser__role-list article>div[data-v-53440fca]{gap:3px;min-width:0;display:grid}.character-browser__role-list article>div span[data-v-53440fca],.character-browser__role-list article>div strong[data-v-53440fca]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.character-browser__role-list article>div span[data-v-53440fca]{color:#8a8c92;font-size:13px}.character-browser__role-summary[data-v-53440fca]{display:none!important}.character-browser__role-meta[data-v-53440fca]{text-align:right}.character-browser__role-meta strong[data-v-53440fca]{color:#53565d;font-size:13px}.character-browser__role-list article>button[data-v-53440fca]{color:#fff;cursor:pointer;background:#25282e;border:0;border-radius:9px;min-height:38px;padding:0 13px;font-weight:750;transition:background .2s,transform .2s}.character-browser__role-list article>button[data-v-53440fca]:hover{background:#d8492f;transform:translateY(-1px)}.character-browser__empty[data-v-53440fca],.character-browser__no-result[data-v-53440fca]{text-align:center;align-content:center;place-items:center;gap:10px;min-height:330px;padding:32px;display:grid}.character-browser__empty strong[data-v-53440fca]{font-size:22px}.character-browser__empty p[data-v-53440fca]{color:#85878c;margin:0}.character-browser__empty button[data-v-53440fca]{color:#fff;background:#d8492f;border:0;border-radius:10px;margin-top:8px;padding:11px 17px;font-weight:800}.character-browser__no-result[data-v-53440fca]{color:#8b8d92;min-height:260px}.sr-only[data-v-53440fca]{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width>=981px){.character-browser[data-v-53440fca]{border:0;border-radius:22px;box-shadow:0 18px 60px #17191f14}.character-browser__versions[data-v-53440fca]{background:#fff;gap:8px;padding:12px}.character-browser__versions button[data-v-53440fca]{background:#f8f9fb;border-radius:13px;grid-template-columns:34px minmax(0,1fr);min-height:60px;padding:8px 11px}.character-browser__version-icon[data-v-53440fca]{border-radius:9px;width:32px;height:32px}.character-browser__version-copy strong[data-v-53440fca]{font-size:13px;font-weight:600}.character-browser__versions small[data-v-53440fca]{font-size:11px;font-weight:400}.character-browser__versions button[data-v-53440fca]:hover{background:#fff0f2}.character-browser__versions button.active[data-v-53440fca]{background:#17191f;box-shadow:0 10px 24px #17191f29}.character-browser__workspace[data-v-53440fca]{min-height:402px}.character-browser aside[data-v-53440fca]{background:#f8f9fb;border-right:0;padding:17px 13px}.character-browser__aside-title[data-v-53440fca]{font-size:12px;font-weight:500}.character-browser__aside-title b[data-v-53440fca]{font-weight:600}.character-browser aside>button[data-v-53440fca]{border-radius:11px;padding:10px 8px}.character-browser aside>button[data-v-53440fca]:hover{background:#fff;transform:translate(2px)}.character-browser aside>button.active[data-v-53440fca]{background:#fff;box-shadow:0 10px 26px #17191f12}.character-browser aside>button.active .character-browser__account-mark[data-v-53440fca]{background:#e8f3ff;box-shadow:0 8px 18px #148eff21}.character-browser aside>button>span:nth-child(2)>strong[data-v-53440fca]{font-size:13px;font-weight:600}.character-browser aside>button>span:nth-child(2)>small[data-v-53440fca]{font-size:11px;font-weight:400}.character-browser__roles[data-v-53440fca]{background:#fff;padding:18px 20px 20px}.character-browser__toolbar>div>strong[data-v-53440fca]{font-size:17px;font-weight:650}.character-browser__toolbar>div>span[data-v-53440fca]{font-size:12px;font-weight:400}.character-browser__toolbar input[data-v-53440fca]{background:#f4f5f7;border:0;font-size:13px;font-weight:400}.character-browser__toolbar input[data-v-53440fca]:focus{border-color:#0000;box-shadow:0 0 0 3px #ff495824}.character-browser__role-list[data-v-53440fca]{max-height:318px}.character-browser__role-list article[data-v-53440fca]{background:#f8f9fb;border-bottom:0;border-radius:13px;grid-template-columns:40px minmax(0,1fr) auto;min-height:60px;margin-bottom:7px;padding:7px 10px;transition:background .18s,transform .18s}.character-browser__role-list article[data-v-53440fca]:hover{background:#fff0f2;transform:translate(2px)}.character-browser__portrait[data-v-53440fca]{border-radius:10px;width:40px;height:40px;font-size:15px}.character-browser__role-copy[data-v-53440fca],.character-browser__role-meta[data-v-53440fca]{display:none!important}.character-browser__role-summary[data-v-53440fca]{overflow:hidden;gap:4px!important;display:grid!important}.character-browser__role-summary span[data-v-53440fca],.character-browser__role-summary strong[data-v-53440fca]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.character-browser__role-summary strong[data-v-53440fca]{color:#25282e;font-size:14px;font-weight:600}.character-browser__role-summary span[data-v-53440fca]{font-weight:400;color:#747982!important;font-size:12px!important}.character-browser__role-list article>button[data-v-53440fca]{background:#17191f;font-size:12px;font-weight:600}.character-browser__role-list article>button[data-v-53440fca]:hover{background:#ff4958}}@media (width<=800px){.character-browser__versions[data-v-53440fca]{grid-template-columns:repeat(2,minmax(0,1fr))}.character-browser__workspace[data-v-53440fca]{grid-template-columns:1fr}.character-browser aside[data-v-53440fca]{border-bottom:1px solid #e5dfd7;border-right:0;gap:8px;display:flex;overflow-x:auto}.character-browser__aside-title[data-v-53440fca]{display:none}.character-browser aside>button[data-v-53440fca]{min-width:220px}.character-browser__role-list article[data-v-53440fca]{grid-template-columns:44px 1fr auto}.character-browser__role-meta[data-v-53440fca]{display:none!important}}@media (width<=560px){.character-browser__toolbar[data-v-53440fca]{flex-direction:column;align-items:stretch}.character-browser__toolbar input[data-v-53440fca]{width:100%}.character-browser__role-list article[data-v-53440fca]{grid-template-columns:40px 1fr}.character-browser__role-list article>button[data-v-53440fca]{grid-column:1/-1}.character-browser__portrait[data-v-53440fca]{width:40px;height:40px}}