.character-browser[data-v-53440fca]{background:#fff;border:1px solid #ded8cf;border-radius:24px;color:#202329;overflow:hidden;scroll-margin-top:120px}.character-browser__versions[data-v-53440fca]{background:#e5dfd6;display:grid;gap:1px;grid-template-columns:repeat(5,minmax(0,1fr));padding:0}.character-browser__versions button[data-v-53440fca]{align-items:center;background:#f5f2ed;border:0;color:#61646b;cursor:pointer;display:grid;gap:10px;grid-template-columns:38px minmax(0,1fr);min-height:78px;padding:12px 15px;text-align:left;transition:background .25s ease,color .25s ease}.character-browser__versions button[data-v-53440fca]:hover{background:#fff}.character-browser__versions button.active[data-v-53440fca]{background:#25282e;color:#fff}.character-browser__version-icon[data-v-53440fca]{border-radius:10px;height:36px;-o-object-fit:cover;object-fit:cover;width:36px}.character-browser__version-copy[data-v-53440fca]{display:grid;gap:3px;min-width:0}.character-browser__version-copy strong[data-v-53440fca]{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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]{display:grid;grid-template-columns:minmax(230px,4fr) minmax(0,8fr);min-height:440px}.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;display:flex;font-size:13px;justify-content:space-between;padding:0 8px 14px}.character-browser__aside-title b[data-v-53440fca]{color:#a56b00}.character-browser aside>button[data-v-53440fca]{align-items:center;background:transparent;border:0;border-radius:13px;color:#303238;cursor:pointer;display:grid;gap:10px;grid-template-columns:46px 1fr auto;padding:13px 10px;text-align:left;transition:background .22s ease,transform .22s ease;width:100%}.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;display:grid;height:36px;place-items:center;width:46px}.character-browser__account-mark img[data-v-53440fca]{height:23px;width: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){display:grid;gap:3px;min-width:0}.character-browser aside small[data-v-53440fca],.character-browser aside strong[data-v-53440fca]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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]{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:14px}.character-browser__toolbar>div[data-v-53440fca]{display:grid;gap:3px}.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;height:40px;outline:none;padding:0 13px;width:min(270px,30vw)}.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]{max-height:350px;overflow-y:auto;padding-right:5px;scrollbar-width:thin}.character-browser__role-list article[data-v-53440fca]{align-items:center;border-bottom:1px solid #eee9e3;display:grid;gap:13px;grid-template-columns:44px minmax(0,1fr) minmax(135px,auto) auto;min-height:68px;padding:10px 6px}.character-browser__portrait[data-v-53440fca]{background:color-mix(in srgb,var(--class-color) 18%,#202329);border-radius:12px;color:var(--class-color);display:grid;font-size:17px;font-weight:900;height:44px;overflow:hidden;place-items:center;width:44px}.character-browser__portrait img[data-v-53440fca]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.character-browser__portrait b[data-v-53440fca]{font-size:inherit}.character-browser__role-list article>div[data-v-53440fca]{display:grid;gap:3px;min-width:0}.character-browser__role-list article>div span[data-v-53440fca],.character-browser__role-list article>div strong[data-v-53440fca]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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]{background:#25282e;border:0;border-radius:9px;color:#fff;cursor:pointer;font-weight:750;min-height:38px;padding:0 13px;transition:background .2s ease,transform .2s ease}.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]{align-content:center;display:grid;gap:10px;min-height:330px;padding:32px;place-items:center;text-align:center}.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]{background:#d8492f;border:0;border-radius:10px;color:#fff;font-weight:800;margin-top:8px;padding:11px 17px}.character-browser__no-result[data-v-53440fca]{color:#8b8d92;min-height:260px}.sr-only[data-v-53440fca]{height:1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@media(min-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;height:32px;width: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:transparent;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;margin-bottom:7px;min-height:60px;padding:7px 10px;transition:background .18s ease,transform .18s ease}.character-browser__role-list article[data-v-53440fca]:hover{background:#fff0f2;transform:translate(2px)}.character-browser__portrait[data-v-53440fca]{border-radius:10px;font-size:15px;height:40px;width:40px}.character-browser__role-copy[data-v-53440fca],.character-browser__role-meta[data-v-53440fca]{display:none!important}.character-browser__role-summary[data-v-53440fca]{display:grid!important;gap:4px!important;overflow:hidden}.character-browser__role-summary span[data-v-53440fca],.character-browser__role-summary strong[data-v-53440fca]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-browser__role-summary strong[data-v-53440fca]{color:#25282e;font-size:14px;font-weight:600}.character-browser__role-summary span[data-v-53440fca]{color:#747982!important;font-size:12px!important;font-weight:400}.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(max-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;display:flex;gap:8px;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(max-width:560px){.character-browser__toolbar[data-v-53440fca]{align-items:stretch;flex-direction:column}.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]{height:40px;width:40px}}