.vue-advanced-cropper{direction:ltr;max-height:100%;max-width:100%;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-advanced-cropper__stretcher{max-height:100%;max-width:100%;pointer-events:none;position:relative}.vue-advanced-cropper__image{max-width:none!important;position:absolute;transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{background:#000;left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.vue-advanced-cropper__cropper-wrapper{height:100%;width:100%}.vue-advanced-cropper__image-wrapper{height:100%;overflow:hidden;position:absolute;width:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{background:#fff;display:block;height:10px;width:10px}.vue-handler-wrapper{height:30px;position:absolute;transform:translate(-50%,-50%);width:30px}.vue-handler-wrapper__draggable{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{align-items:center;background:none;display:flex;justify-content:center;position:absolute}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;left:0;transform:translateY(-50%);width:100%}.vue-line-wrapper--north{cursor:n-resize;top:0}.vue-line-wrapper--south{cursor:s-resize;top:100%}.vue-line-wrapper--east,.vue-line-wrapper--west{height:100%;top:0;transform:translate(-50%);width:12px}.vue-line-wrapper--east{cursor:e-resize;left:100%}.vue-line-wrapper--west{cursor:w-resize;left:0}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{height:100%;position:relative;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{box-sizing:border-box;height:100%;overflow:hidden;position:absolute;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{max-width:none!important;pointer-events:none;position:relative;transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-rectangle-stencil{box-sizing:border-box}.vue-rectangle-stencil,.vue-rectangle-stencil__preview{height:100%;position:absolute;width:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{box-sizing:content-box;cursor:move;height:100%;position:absolute;width:100%}.vue-circle-stencil__preview{border-radius:50%;height:100%;position:absolute;width:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{box-sizing:border-box;overflow:hidden;position:relative}.vue-preview--fill,.vue-preview__wrapper{height:100%;position:absolute;width:100%}.vue-preview__image{max-width:none!important;pointer-events:none;position:absolute;transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-simple-line{background:none;border:0 solid hsla(0,0%,100%,.3);transition:border .5s}.vue-simple-line--north,.vue-simple-line--south{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{border-color:#fff;opacity:1}.cropper-container[data-v-1b8e295a]{max-height:70vh;max-width:90vw}.cropper-root[data-v-1b8e295a]{height:100%;width:100%}:root[theme=light]{--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]{--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}.edit-playlist-form-wrap .el-textarea__inner{background-color:#2f2f2f;--el-input-focus-border-color:#fff;border-color:#2f2f2f;box-shadow:inset 0 0 0 1px #2f2f2f;color:#fff;height:82px;line-height:22px;padding:12px 16px}.edit-playlist-form-wrap .el-textarea__inner:focus{box-shadow:inset 0 0 0 1px #fff}.edit-playlist-form-wrap .el-textarea__inner::-webkit-scrollbar{width:0}.edit-playlist-form-wrap .input-max-class .el-textarea__inner{box-shadow:inset 0 0 0 1px #f44459}.el-popper__arrow{display:none}.el-select__popper.el-popper{background-color:#292929;border:none}.el-tabs__header{margin-bottom:4px}.el-tabs__item{color:#8f8f8f;font-size:15px;font-weight:500;height:32px;line-height:22px}.el-tabs__item:hover,.is-active{color:#fff}.el-tabs__active-bar{--el-color-primary:var(--app-primary-color);border-radius:1px}.el-tabs__nav-wrap:after{background-color:#ffffff1a;height:1px}.el-form-item__content{border-radius:4px}.el-input{height:auto;margin-top:0;min-height:44px;overflow:hidden}.el-input-group .el-input-group__prepend{background-color:#373737!important;border:none;box-shadow:none!important}.el-select{background-color:#373737!important}.el-input__wrapper,.el-select__wrapper{box-shadow:none!important}.el-input__wrapper{background-color:#373737!important;padding-left:16px}.el-input__wrapper .el-input__inner{color:#fff;font-size:15px;font-weight:400;line-height:22px}.el-input__wrapper .el-input__inner::-moz-placeholder{color:#8f8f8f}.el-input__wrapper .el-input__inner::placeholder{color:#8f8f8f}:root[theme=light][data-v-7f157c63]{--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-7f157c63]{--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}.edit-playlist-form-wrap[data-v-7f157c63]{--el-input-focus-border-color:#fff;gap:20px}.edit-playlist-form-wrap .btn-disabled[data-v-7f157c63]{opacity:.6;pointer-events:none}.edit-playlist-form-wrap .cover-wrap[data-v-7f157c63]{flex:0 0 170px;height:170px;overflow:hidden;position:relative}.edit-playlist-form-wrap .cover-wrap:hover .edit-wrap[data-v-7f157c63]{opacity:1}.edit-playlist-form-wrap .edit-wrap[data-v-7f157c63]{background-color:#00000040;height:100%;opacity:0;position:absolute;transition:all .5s;width:100%}.edit-playlist-form-wrap .edit-wrap .edit-text[data-v-7f157c63]{color:#fff;font-size:14px;font-weight:500;line-height:20px;margin-top:16px}.edit-playlist-form-wrap .value-count[data-v-7f157c63]{margin-top:4px}.edit-playlist-form-wrap .max-class[data-v-7f157c63]{color:#f44459}.edit-playlist-form-wrap .radio-wrap[data-v-7f157c63]{margin-top:8px}.edit-playlist-form-wrap .radio-wrap .radio-label[data-v-7f157c63]{color:#8f8f8f;font-size:15px;line-height:22px}.edit-playlist-form-wrap .radiobox[data-v-7f157c63]{color:#fff;font-size:13px;gap:8px;line-height:40px;margin-right:20px}.btn-wrap[data-v-7f157c63]{gap:12px;margin-top:32px}.btn-wrap .cancel-btn[data-v-7f157c63],.btn-wrap .submit-btn[data-v-7f157c63]{background-color:var(--app-primary-color);border-radius:100px;color:var(--app-Text-color);font-size:16px;font-weight:500;height:52px}.btn-wrap .cancel-btn[data-v-7f157c63]{background-color:#373737;border:1px solid #3d3d3d;color:#fff}.btn-wrap .disable-class[data-v-7f157c63]{background-color:#373737;color:#5a5a5a}.login-with-tip[data-v-7f157c63]{color:#8f8f8f;font-size:13px;font-weight:400;line-height:18px;text-align:center}.login-with-tip .text[data-v-7f157c63]{margin:0 4px}.line[data-v-7f157c63]{background:#ffffff29;flex:1;height:1px}.login-with-list[data-v-7f157c63]{gap:16px;margin-bottom:24px;margin-top:16px}.create-tip[data-v-7f157c63]{font-size:14px;font-weight:500;line-height:20px;margin-top:16px;text-align:center}.create-tip .create-text[data-v-7f157c63]{color:var(--app-primary-color)}
