.subs-panel[data-v-18b8c5af]{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding-right:8px}.subs-panel__sub-header[data-v-18b8c5af]{color:#fffffffa;font-size:14px;font-weight:600;margin-bottom:12px}.subs-panel__sub-header--effect[data-v-18b8c5af]{margin-top:8px}.subs-panel__combinations[data-v-18b8c5af]{display:block;flex-shrink:0;height:160px;margin-bottom:16px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.subs-panel__combinations[data-v-18b8c5af]::-webkit-scrollbar{display:none}.subs-panel__row[data-v-18b8c5af]{display:flex;flex-wrap:nowrap;gap:8px;width:-moz-max-content;width:max-content}.subs-panel__row--static[data-v-18b8c5af]{margin-top:12px}.subs-panel__item[data-v-18b8c5af]{align-items:center;background:#343536;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;height:74px;justify-content:center;overflow:hidden;padding:0 10px;position:relative;width:132px}.subs-panel__item--animated[data-v-18b8c5af]:before{background:url(https://cdn-static.chanmama.com/sub-module/static-file/d/4/f27e400da1) no-repeat 50%/100% 100%;bottom:0;content:"";display:block;height:28px;position:absolute;right:0;width:28px;z-index:1}.subs-panel__caption-box[data-v-18b8c5af]{align-items:center;display:flex;justify-content:center}.subs-panel__caption-box[data-v-18b8c5af] .subtitle-2,.subs-panel__caption-box[data-v-18b8c5af] .subtitle-container{font-size:50px!important;padding:20px}.subs-panel__basic-row[data-v-18b8c5af]{align-items:center;display:flex;gap:8px;margin-bottom:8px}.subs-panel__basic-row[data-v-18b8c5af]:last-child{margin-bottom:16px}.subs-panel__select--font[data-v-18b8c5af]{flex:1;min-width:0}.subs-panel__select--size[data-v-18b8c5af]{flex-shrink:0;width:80px}.subs-panel__btn-group[data-v-18b8c5af]{background:#343536;border-radius:8px;display:inline-flex;gap:4px;padding:4px 4.5px}.subs-panel__btn[data-v-18b8c5af]{align-items:center;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.subs-panel__btn[data-v-18b8c5af]:hover{background:#4a4b4d}.subs-panel__btn--active[data-v-18b8c5af]{background:#636669}.subs-panel__color-box[data-v-18b8c5af]{background:#343536;border-radius:8px;flex-shrink:0;height:40px;width:40px}.subs-panel__color-box[data-v-18b8c5af],.subs-panel__color-box-icon[data-v-18b8c5af]{align-items:center;display:flex;justify-content:center}.subs-panel__color-box-icon[data-v-18b8c5af]{cursor:pointer}.subs-panel__color-swatch[data-v-18b8c5af]{border:1px solid #e3e6e8;border-radius:4px;box-sizing:border-box;color:#e3e6e8;cursor:pointer;height:20px;overflow:hidden;width:20px}.subs-panel__case[data-v-18b8c5af]{border:1px solid #e3e6e8;border-radius:8px;display:flex;padding:4px}.subs-panel__case-btn[data-v-18b8c5af]{align-items:center;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.subs-panel__case-btn[data-v-18b8c5af]:hover{background:#e3e6e8}.subs-panel__effects[data-v-18b8c5af]{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.subs-panel__border-container[data-v-18b8c5af]{border:1px solid rgba(99,102,105,.5);border-radius:8px;color:#fff;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:16px;padding:12px 16px}.subs-panel__slider-box[data-v-18b8c5af]{align-items:center;background:#343536;border-radius:8px;display:flex;flex:1;min-width:0;padding:4px 8px}.subs-panel__slider-box[data-v-18b8c5af] .el-slider{width:100%}.subs-panel__slider-box--shadow[data-v-18b8c5af]{flex:0 0 151px}[data-v-18b8c5af] .el-switch{height:16px}[data-v-18b8c5af] .el-switch__core{height:16px;min-width:30px}[data-v-18b8c5af] .el-switch__core .el-switch__action{height:12px;width:12px}[data-v-18b8c5af] .el-switch.is-checked .el-switch__core .el-switch__action{left:calc(100% - 14px)}[data-v-18b8c5af] .el-slider__runway{background:#636669;border-radius:5px;height:5px}[data-v-18b8c5af] .el-slider__runway .el-slider__bar{background-color:#99c4ff;height:5px}[data-v-18b8c5af] .el-slider__runway .el-slider__button-wrapper .el-slider__button{border:none;height:16px;width:16px}[data-v-18b8c5af] .el-select{color:#fff}[data-v-18b8c5af] .el-select .el-select__wrapper{background:#343536;border-radius:8px;box-shadow:none;min-height:40px}[data-v-18b8c5af] .el-select .el-select__wrapper .el-select__selected-item.el-select__placeholder{color:#fff}