:root[theme=light][data-v-83005976]{--bgColor:#fff --textColor:#323237;--smallColor:#666;--vipTextColor:#32323c;--vipYearColor:#eee;--btnColor:#e1e1e1;--vipInfoColor:#666;--ipColor:#afafaf;--borderColor:#32323c;--conThoColor:#32323c;--wrapColor:#rgba(255,255,255,.8);--subjColor:#32323c;--fieldColor:#666;--radioColor:#bdbdbd;--radiotextColor:#32323c;--textareaBackground:#e1e1e1;--textareaText:#878787;--numberColor:#666;--toastBgColor:#c9c9c9;--toastText:#32323c;--toastSuccess:#d2d2d2;--content:#32323c;--toastTextColor:#32323c;--battleBgColor:#f5f5f5;--battleTitleColor:#32323c;--battleTextColor:grey;--tertiary-text:grey;--primary-text:#32323c;--ruleTitleText:#32323d;--ruleText:#666;--rule-cell-bgColor:#d2d2d2;--sendMoneyRuleBgColor:#f5f5f5}:root[theme=dark][data-v-83005976]{--bgColor:#151515;--textColor:#fff;--smallColor:#bdbdbd;--vipTextColor:#fff;--vipYearColor:#292929;--btnColor:#373737;--vipInfoColor:#8f8f8f;--ipColor:#818181;--borderColor:#fff;--conThoColor:#fff;--wrapColor:#303030;--fieldColor:#bdbdbd;--subjColor:#fff;--radioColor:#323237;--radiotextColor:#fff;--textareaBackground:#373737;--textareaText:##8f8f8f;--numberColor:#bdbdbd;--toastBgColor:#5a5a5a;--toastText:#fff;--toastSuccess:#3d3d3d;--content:#fff;--toastTextColor:#fff;--battleBgColor:#212121;--battleTitleColor:#fff;--battleTextColor:#8f8f8f;--tertiary-text:#8f8f8f;--primary-text:#fff;--ruleTitleText:#fff;--ruleText:#bdbdbd;--rule-cell-bgColor:#3d3d3d;--sendMoneyRuleBgColor:#212121}.drop-top[data-v-83005976]{color:#fff;font-size:13px;font-weight:400;line-height:18px;padding:4px;width:242px}.search-input[data-v-83005976]{height:40px;position:relative;width:100%}.search-input .s-icon[data-v-83005976]{left:8px;position:absolute}.search-input .s-input[data-v-83005976]{background-color:#ffffff29;border:none;border-radius:8px;color:#fff;height:100%;left:0;padding-left:40px;position:absolute;width:100%}.search-input .s-input[data-v-83005976]:focus{box-shadow:none;outline:none}.search-input .s-input[data-v-83005976]::-moz-placeholder{color:#bdbdbd;font-family:Lexend;font-size:13px;font-weight:400}.search-input .s-input[data-v-83005976]::placeholder{color:#bdbdbd;font-family:Lexend;font-size:13px;font-weight:400}.search-input .clear-icon[data-v-83005976]{position:absolute;right:4px}.create-playlist[data-v-83005976]{border-radius:8px;margin-top:8px;padding:8px;transition:all .2s;width:100%}.create-playlist[data-v-83005976]:hover{background:#ffffff14}.create-playlist .icon-wrap[data-v-83005976]{background-color:#292929;border-radius:4px;height:44px;margin-right:8px;width:44px}:root[theme=light][data-v-0bcbc600]{--bgColor:#fff --textColor:#323237;--smallColor:#666;--vipTextColor:#32323c;--vipYearColor:#eee;--btnColor:#e1e1e1;--vipInfoColor:#666;--ipColor:#afafaf;--borderColor:#32323c;--conThoColor:#32323c;--wrapColor:#rgba(255,255,255,.8);--subjColor:#32323c;--fieldColor:#666;--radioColor:#bdbdbd;--radiotextColor:#32323c;--textareaBackground:#e1e1e1;--textareaText:#878787;--numberColor:#666;--toastBgColor:#c9c9c9;--toastText:#32323c;--toastSuccess:#d2d2d2;--content:#32323c;--toastTextColor:#32323c;--battleBgColor:#f5f5f5;--battleTitleColor:#32323c;--battleTextColor:grey;--tertiary-text:grey;--primary-text:#32323c;--ruleTitleText:#32323d;--ruleText:#666;--rule-cell-bgColor:#d2d2d2;--sendMoneyRuleBgColor:#f5f5f5}:root[theme=dark][data-v-0bcbc600]{--bgColor:#151515;--textColor:#fff;--smallColor:#bdbdbd;--vipTextColor:#fff;--vipYearColor:#292929;--btnColor:#373737;--vipInfoColor:#8f8f8f;--ipColor:#818181;--borderColor:#fff;--conThoColor:#fff;--wrapColor:#303030;--fieldColor:#bdbdbd;--subjColor:#fff;--radioColor:#323237;--radiotextColor:#fff;--textareaBackground:#373737;--textareaText:##8f8f8f;--numberColor:#bdbdbd;--toastBgColor:#5a5a5a;--toastText:#fff;--toastSuccess:#3d3d3d;--content:#fff;--toastTextColor:#fff;--battleBgColor:#212121;--battleTitleColor:#fff;--battleTextColor:#8f8f8f;--tertiary-text:#8f8f8f;--primary-text:#fff;--ruleTitleText:#fff;--ruleText:#bdbdbd;--rule-cell-bgColor:#3d3d3d;--sendMoneyRuleBgColor:#212121}.tip[data-v-0bcbc600]{font-size:13px;font-weight:400;line-height:18px;margin-top:8px}.content-wrap[data-v-0bcbc600]{font-size:14px}.content-wrap .tit[data-v-0bcbc600]{color:#bdbdbd;font-weight:700;line-height:20px;margin-bottom:8px}.content-wrap .list-wrap[data-v-0bcbc600]{height:266px;overflow-y:scroll}.content-wrap .list-wrap[data-v-0bcbc600]::-webkit-scrollbar{display:none}.content-wrap .list-wrap .list-item[data-v-0bcbc600]{border-radius:12px;padding:8px;width:100%}.content-wrap .list-wrap .list-item[data-v-0bcbc600]:hover{background-color:#ffffff14}.content-wrap .list-wrap .list-item .cover[data-v-0bcbc600]{border-radius:4px;height:44px;margin-right:8px;overflow:hidden;width:44px}.content-wrap .list-wrap .list-item .name[data-v-0bcbc600]{color:#fff;font-weight:500px;width:400px}.content-wrap .list-wrap .list-item .add[data-v-0bcbc600]{border:1px solid #3d3d3d;border-radius:100px;color:var(--app-primary-color);height:35px;width:90px}.content-wrap .list-wrap .list-item .check[data-v-0bcbc600]{color:#8f8f8f}.content-wrap .add-empty-wrap[data-v-0bcbc600]{height:266px}.content-wrap .add-empty-wrap .title[data-v-0bcbc600]{color:#fff;font-size:15px;line-height:22px}.content-wrap .add-empty-wrap .desc[data-v-0bcbc600]{color:#8f8f8f;font-size:13px;line-height:18px;margin-top:5px}:root[theme=light][data-v-83db2f5c]{--bgColor:#fff --textColor:#323237;--smallColor:#666;--vipTextColor:#32323c;--vipYearColor:#eee;--btnColor:#e1e1e1;--vipInfoColor:#666;--ipColor:#afafaf;--borderColor:#32323c;--conThoColor:#32323c;--wrapColor:#rgba(255,255,255,.8);--subjColor:#32323c;--fieldColor:#666;--radioColor:#bdbdbd;--radiotextColor:#32323c;--textareaBackground:#e1e1e1;--textareaText:#878787;--numberColor:#666;--toastBgColor:#c9c9c9;--toastText:#32323c;--toastSuccess:#d2d2d2;--content:#32323c;--toastTextColor:#32323c;--battleBgColor:#f5f5f5;--battleTitleColor:#32323c;--battleTextColor:grey;--tertiary-text:grey;--primary-text:#32323c;--ruleTitleText:#32323d;--ruleText:#666;--rule-cell-bgColor:#d2d2d2;--sendMoneyRuleBgColor:#f5f5f5}:root[theme=dark][data-v-83db2f5c]{--bgColor:#151515;--textColor:#fff;--smallColor:#bdbdbd;--vipTextColor:#fff;--vipYearColor:#292929;--btnColor:#373737;--vipInfoColor:#8f8f8f;--ipColor:#818181;--borderColor:#fff;--conThoColor:#fff;--wrapColor:#303030;--fieldColor:#bdbdbd;--subjColor:#fff;--radioColor:#323237;--radiotextColor:#fff;--textareaBackground:#373737;--textareaText:##8f8f8f;--numberColor:#bdbdbd;--toastBgColor:#5a5a5a;--toastText:#fff;--toastSuccess:#3d3d3d;--content:#fff;--toastTextColor:#fff;--battleBgColor:#212121;--battleTitleColor:#fff;--battleTextColor:#8f8f8f;--tertiary-text:#8f8f8f;--primary-text:#fff;--ruleTitleText:#fff;--ruleText:#bdbdbd;--rule-cell-bgColor:#3d3d3d;--sendMoneyRuleBgColor:#212121}.content-wrap[data-v-83db2f5c]{gap:32px;padding:24px}.desc-text[data-v-83db2f5c]{color:#bdbdbd;font-size:15px;line-height:22px;text-align:center}.btn-wrap[data-v-83db2f5c]{gap:12px}.btn-wrap .cancel-btn[data-v-83db2f5c],.btn-wrap .submit-btn[data-v-83db2f5c]{border-radius:100px;font-size:16px;font-weight:500;height:44px}.btn-wrap .cancel-btn[data-v-83db2f5c]{background-color:#373737;border:1px solid #3d3d3d;color:#fff}.btn-wrap .submit-btn[data-v-83db2f5c]{background-color:var(--app-primary-color);color:var(--app-Text-color)}