.hue-slider[data-v-c96c9334]{width:100%;height:20px;border-radius:10px;cursor:pointer;position:relative;background:-webkit-gradient(linear,left top,right top,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hue-slider-cursor[data-v-c96c9334]{position:absolute;top:50%;width:20px;height:20px;background:transparent;border:3px solid #fff;border-radius:50%;pointer-events:none;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2);box-shadow:0 0 0 1px rgba(0,0,0,.2);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.color-picker-container[data-v-c96c9334]{padding:15px;width:284px}.picker-section[data-v-c96c9334]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:15px;gap:10px}.eye-dropper[data-v-c96c9334]{position:relative;cursor:pointer;padding:3px;border-radius:4px;-webkit-transition:background-color .2s;transition:background-color .2s;-ms-flex-negative:0;flex-shrink:0;background-color:#474747;i{color:rgb(157 157 157)}}.btn-icon[data-v-c96c9334]{color:rgb(157 157 157)}.color-picker-main[data-v-c96c9334]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.color-preview[data-v-c96c9334]{width:254px;height:140px;border-radius:6px;cursor:crosshair;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.color-picker-cursor[data-v-c96c9334]{position:absolute;width:14px;height:14px;border:1px solid #fff;border-radius:50%;pointer-events:none;background-color:#fff}.silder-eye[data-v-c96c9334]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-top:3px}.hue-slider-container[data-v-c96c9334]{width:100%}.editor-section[data-v-c96c9334]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:15px;font-size:12px;.mode-select{.el-input,.el-input__inner{background-color:#474747;.el-input__inner{padding-left:6px}}}:deep(.el-select__wrapper){height:25px}.el-input-number{width:56px}.el-input__icon{line-height:25px;width:12px;color:#fff}.el-input,.el-input__inner{background-color:#1c1c1c;border:none;height:25px;font-size:12px;color:#fff;width:56px;padding-left:3px;padding-right:3px}.el-input{width:auto;padding-left:0;padding-right:0}}.rgb-editors[data-v-c96c9334]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.ass-editor[data-v-c96c9334],.rgb-editor[data-v-c96c9334]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.rgb-editor[data-v-c96c9334]{-webkit-box-flex:1;-ms-flex:1;flex:1}.ass-editor[data-v-c96c9334]{margin-left:8px;margin-right:auto;.el-input,.el-input__inner{width:188px}}.ass-hint[data-v-c96c9334]{font-size:11px;color:#909399;margin-top:4px}.alpha-section[data-v-c96c9334]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;label{color:#ddd;font-size:10px}.el-input-number,.el-input__inner{background-color:#1c1c1c;width:50px;font-size:10px}.el-input-number .el-input-number__decrease,.el-input-number .el-input-number__increase{background-color:#474747;height:10px;line-height:10px;width:14px;border:none;color:#ddd;.el-icon-arrow-down,.el-icon-arrow-up{-webkit-transform:scale(.6);transform:scale(.6)}}.el-input__inner{padding-left:3px;padding-right:17px;border:none;color:#ddd;line-height:20px}}.alpha-slider-container[data-v-c96c9334]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.alpha-slider[data-v-c96c9334]{width:100%;height:2px;border-radius:10px;cursor:pointer;position:relative;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.alpha-slider[data-v-c96c9334]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;background:-webkit-gradient(linear,left top,right top,from(transparent),to(rgba(0,0,0,.5)));background:linear-gradient(90deg,transparent,rgba(0,0,0,.5))}.alpha-slider-cursor[data-v-c96c9334]{position:absolute;top:50%;width:5px;height:9px;background:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.value-display[data-v-c96c9334]{font-size:12px;color:#666;min-width:60px}.button-section[data-v-c96c9334]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:8px;padding-top:10px;border-top:1px solid rgba(88,90,97,.38823529411764707);margin-top:15px}.color-preview-circle[data-v-c96c9334]{display:inline-block;vertical-align:middle;margin-right:12px;border:1px solid #ddd;-webkit-box-shadow:0 0 2px rgba(0,0,0,.08);box-shadow:0 0 2px rgba(0,0,0,.08)}.mode-select-popper .el-select-dropdown__wrap .el-select-dropdown__item[data-v-c96c9334]{font-size:12px!important;padding:0 9px!important;height:23px!important;line-height:23px!important}.color-card[data-v-8fe2f780]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.color-preview[data-v-8fe2f780]{width:100%;height:100%;border:1px solid #ccc;cursor:pointer}.color-label[data-v-8fe2f780]{margin-top:5px;font-size:14px}.picker-popup[data-v-8fe2f780]{background:#262626;border-radius:10px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}.subtitle-style-main[data-v-71c24a40]{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100vh - 145px);margin-bottom:10px;overflow:auto;padding:20px}.subtitle-style-left[data-v-71c24a40]{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;padding:0 40px 0 0}.subtitle-style-right[data-v-71c24a40]{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;padding:0 30px 0 40px}.subtitle-style-group[data-v-71c24a40]{margin-bottom:20px}.subtitle-style-label[data-v-71c24a40]{display:block;font-size:14px;color:#838ea0;margin-bottom:10px;font-weight:500}.subtitle-style-font-row[data-v-71c24a40]{gap:10px}.subtitle-style-btn-group[data-v-71c24a40],.subtitle-style-btn-square[data-v-71c24a40],.subtitle-style-font-row[data-v-71c24a40]{display:-webkit-box;display:-ms-flexbox;display:flex}.subtitle-style-btn-square[data-v-71c24a40]{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px dashed #c0bebe;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:8px;i{display:inline-block;font-size:30px}}.subtitle-style-btn-group .el-button[data-v-71c24a40]{margin-right:10px}.subtitle-style-btn-group .el-button[data-v-71c24a40]:nth-child(2){span{text-decoration:underline}}.subtitle-style-btn-group .el-button[data-v-71c24a40]:nth-child(3){span{font-style:italic}}.subtitle-style-color-row[data-v-71c24a40]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.subtitle-style-color-item[data-v-71c24a40]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.subtitle-style-color-label[data-v-71c24a40]{font-size:13px;color:#666;white-space:nowrap;margin:5px 0 10px}.subtitle-style-margin-row[data-v-71c24a40]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.subtitle-style-margin-item[data-v-71c24a40]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;-webkit-box-flex:1;-ms-flex:1;flex:1}.subtitle-style-margin-label[data-v-71c24a40]{font-size:13px;color:#666;white-space:nowrap}.subtitle-style-align-radio[data-v-71c24a40]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:45px}.subtitle-style-align-radio-row[data-v-71c24a40]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:50px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.subtitle-style-border-row[data-v-71c24a40]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.subtitle-style-border-item[data-v-71c24a40]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;-webkit-box-flex:1;-ms-flex:1;flex:1}.subtitle-style-border-label[data-v-71c24a40]{font-size:13px;color:#666;white-space:nowrap}.subtitle-style-other-row[data-v-71c24a40]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;margin-bottom:10px}.subtitle-style-other-row[data-v-71c24a40]:last-child{margin-bottom:0}.subtitle-style-other-item[data-v-71c24a40]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;-webkit-box-flex:1;-ms-flex:1;flex:1}.subtitle-style-other-label[data-v-71c24a40]{font-size:13px;color:#666;white-space:nowrap}.subtitle-style-preview-box[data-v-71c24a40]{width:216px;height:384px;margin-left:100px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.subtitle-style-preview-content[data-v-71c24a40]{position:relative;width:100%;height:100%}.subtitle-style-preview-text[data-v-71c24a40]{width:100%;height:100%;white-space:pre-line;position:absolute;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-ms-flex-pack:inherit;justify-content:inherit;span{display:inline-block}}.subtitle-style-preview-stroke[data-v-71c24a40]{z-index:1;pointer-events:none}.subtitle-style-preview-img[data-v-71c24a40]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;width:100%;height:100%;z-index:1;background-image:url(../img/subtitle-style-preview-bg.1b5383c2.png);background-size:cover;background-repeat:no-repeat}.subtitle-style-diagonal[data-v-71c24a40]{position:absolute;top:0;width:202.4%;height:1px;background:#cbcbcb}.diagonal-1[data-v-71c24a40]{left:0;-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:0 0;transform-origin:0 0}.diagonal-2[data-v-71c24a40]{right:0;-webkit-transform:rotate(300deg);transform:rotate(300deg);-webkit-transform-origin:100% 0;transform-origin:100% 0}.subtitle-style-preview-lines[data-v-71c24a40]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.subtitle-style-preview-lines>div[data-v-71c24a40]{font-style:inherit;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.drawer-footer[data-v-71c24a40]{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;background:#fff;border-top:1px solid #eee;text-align:right}.btn-cancel[data-v-71c24a40]{margin-right:12px}.subtitle-style-border-row[data-v-71c24a40],.subtitle-style-main .subtitle-style-font-row[data-v-71c24a40],.subtitle-style-margin-row[data-v-71c24a40],.subtitle-style-other-row[data-v-71c24a40]{.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{border:none}.el-input-number__decrease,.el-input-number__increase{background:#fff}.el-input-number .el-icon-arrow-up{transform:scale(1) translateY(3px);-webkit-transform:scale(1) translateY(3px)}.el-input-number .el-icon-arrow-down{transform:scale(1) translateY(-3px);-webkit-transform:scale(1) translateY(-3px)}}