.history-list[data-v-2ad8db8e] .el-tabs{text-align:center}.history-list[data-v-2ad8db8e] .el-tabs .el-tabs__header{margin:0 auto;display:inline-block}.history-list .a-link-primary[data-v-2ad8db8e]{color:var(--el-color-primary)}.history-list .el-row[data-v-2ad8db8e]{max-height:400px;padding:20px;overflow:hidden auto}.history-list .el-row .el-col[data-v-2ad8db8e]{padding-top:5px;padding-bottom:5px}@media screen and (width>=768px){.history-list .el-row .el-col .hover-btn[data-v-2ad8db8e]{opacity:0;transition:opacity .3s}}.history-list .el-row .el-col:hover .hover-btn[data-v-2ad8db8e]{opacity:1}.history-list .el-row .el-col .remove[data-v-2ad8db8e]{border-radius:50%;position:absolute;top:-8px;right:-8px}.history-list .el-row .el-col .remove i[data-v-2ad8db8e]{color:#fff;height:12px}.history-list .el-row .el-col .remove i[data-v-2ad8db8e]:before{vertical-align:baseline}.history-list .el-row .el-col .history-result-list-video[data-v-2ad8db8e]{aspect-ratio:3/2;color:#727272;background:#f8f9fa;justify-content:center;align-items:center;gap:2px;width:100%;display:flex;position:relative}.history-list .el-row .el-col .history-result-list-video video[data-v-2ad8db8e],.history-list .el-row .el-col .history-result-list-video img[data-v-2ad8db8e]{object-fit:cover;border-radius:5px;width:100%;height:100%}.history-list .el-row .el-col .history-result-list-video .btn-wrapper[data-v-2ad8db8e]{color:#ffffff9e;justify-content:space-around;align-items:center;width:100%;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.history-list .el-row .el-col .history-result-list-video .btn-wrapper i[data-v-2ad8db8e]{font-size:30px}.history-list .el-row .el-col .history-result-list-video .btn-wrapper i[data-v-2ad8db8e]:before{border-radius:50%;box-shadow:inset 0 0 15px 5px #0003,0 0 20px 15px #00000026}.history-list .el-row .el-col .history-result-list-video .btn-wrapper .text[data-v-2ad8db8e]{box-shadow:inset 0 0 15px 5px #0003,0 0 20px 15px #00000026}.history-list .el-row .el-col .history-result-list-video .btn-wrapper .play[data-v-2ad8db8e]{cursor:pointer}.history-list .el-row .el-col .history-result-list-video .btn-wrapper .play:hover i[data-v-2ad8db8e]{color:#fff}.history-list .el-row .el-col .history-result-list-video .btn-wrapper .download[data-v-2ad8db8e]{cursor:pointer}.history-list .el-row .el-col .history-result-list-video .btn-wrapper .download:hover i[data-v-2ad8db8e]{color:#fff}.history-list .el-row .el-col .img[data-v-2ad8db8e]{aspect-ratio:1}.history-list .el-row .el-col .img img[data-v-2ad8db8e]{object-fit:cover;object-position:top center;border:3px solid #fff;border-radius:10px;overflow:hidden}.history-list .el-row .el-col .img:hover img[data-v-2ad8db8e]{border-color:var(--el-color-primary)!important}.history-list .el-row .el-col .img .useit[data-v-2ad8db8e]{opacity:.9;border-radius:15px;position:absolute;bottom:3px;right:3px;border-top-left-radius:4px!important;border-bottom-right-radius:4px!important}.history-list .el-row .el-col .active-border img[data-v-2ad8db8e]{border-color:var(--el-color-primary)!important}.history-list .bgi-size-cover[data-v-2ad8db8e]{background-size:cover}.history-list .bgi-position-x-center[data-v-2ad8db8e]{background-position-x:50%}.history-list .bgi-position-y-top[data-v-2ad8db8e]{background-position-y:top}.history-list .bgi-no-repeat[data-v-2ad8db8e]{background-repeat:no-repeat}.history-list .history-tip-wrapper[data-v-2ad8db8e]{padding:20px}.history-list .history-tip-wrapper .el-empty[data-v-2ad8db8e]{padding:0}.history-list .el-image-viewer__wrapper .el-image-viewer__canvas img{height:auto}.gif-swap-slider[data-v-81b30ce1] .noUi-horizontal{height:16px}.gif-swap-slider[data-v-81b30ce1] .noUi-target.noUi-horizontal .noUi-handle{cursor:pointer;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;width:16px;height:35px;top:-10.5px;right:-8px}.gif-swap-slider[data-v-81b30ce1] .noUi-target.noUi-horizontal .noUi-handle:hover .noUi-tooltip{opacity:1;color:#000;text-align:center;white-space:nowrap;background:#fff;border:1px solid #d9d9d9;border-radius:3px;padding:5px;font-size:13px;transition:opacity .3s cubic-bezier(.4,0,.2,1);display:block;position:absolute}.gif-swap-slider[data-v-81b30ce1] .noUi-target.noUi-horizontal .noUi-handle .noUi-tooltip{opacity:0;background:var(--bs-tooltip-bg);border:0;border-radius:.475rem;padding:.25rem .5rem;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.gif-swap-slider[data-v-81b30ce1] .noUi-target .noUi-handle{background-color:#6b3cea;border:1px solid #f1f1f4;box-shadow:0 .1rem 1rem .25rem #0000000d}.gif-swap-slider[data-v-81b30ce1] .noUi-target .noUi-connect{background:#c4cada}.gif-swap-slider[data-v-81b30ce1] .noUi-handle:before{top:10px;left:5px}.gif-swap-slider[data-v-81b30ce1] .noUi-handle:after{top:10px;left:8px}.title .title-count[data-v-81b30ce1]{color:var(--el-color-primary);font-size:28px;line-height:1em;position:absolute;top:0;left:0}.yi-upload-box .badge[data-v-81b30ce1]{align-items:center;display:inline-flex}.yi-upload-box .badge-circle[data-v-81b30ce1]{min-width:unset;border-radius:50%;width:1.25rem;height:1.25rem;padding:0}.yi-upload-box .badge-danger[data-v-81b30ce1]{color:#fff;background-color:#f8285a}.yi-upload-box .yi-source-upload-box[data-v-81b30ce1] .el-upload{height:200px}.yi-upload-box .yi-source-upload-box[data-v-81b30ce1] .el-upload .el-upload-dragger{height:100%}.bg-light[data-v-81b30ce1]{border-radius:10px}.queue[data-v-81b30ce1]{margin-right:10px}.queue .circle[data-v-81b30ce1]{vertical-align:middle;border-radius:50%;width:10px;height:10px;display:inline-block}.queue .idle[data-v-81b30ce1]{background-color:var(--el-color-success)}.queue .busy[data-v-81b30ce1]{background-color:var(--el-color-warning)}.operate-container[data-v-81b30ce1]{margin-bottom:.5rem}@media screen and (width>=768px){.operate-container[data-v-81b30ce1]{margin-bottom:0;margin-left:.5rem}}.operate-container>div[data-v-81b30ce1]{height:300px}@media screen and (width>=768px){.operate-container>div[data-v-81b30ce1]{height:400px}}.operate-container>div img[data-v-81b30ce1]{object-fit:contain}.operate-container .slider-container[data-v-81b30ce1]{width:100%}.operate-container .slider-container video[data-v-81b30ce1]{border-radius:5px;height:calc(100% - 86px)}.operate-container .slider-container img[data-v-81b30ce1]{border-radius:5px;height:calc(100% - 86px)!important}.operate-container .result-container[data-v-81b30ce1]{width:100%;padding-bottom:50px;position:relative}.operate-container .result-container[data-v-81b30ce1] .el-image,.operate-container .result-container[data-v-81b30ce1] .el-image>img{width:100%;height:100%}.operate-container .result-container .btn-wrapper[data-v-81b30ce1]{position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.operate-container .result-container .btn-wrapper .upscale[data-v-81b30ce1]{margin-left:10px}.yi-text-warning[data-v-81b30ce1]{color:#f4ea2a}.extract-preview[data-v-81b30ce1]{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;display:flex}.extract-preview .symbol[data-v-81b30ce1]{border-radius:.5rem;position:relative}.extract-preview .symbol img[data-v-81b30ce1]{object-fit:cover;border-radius:50%;width:40px;height:40px}.extract-preview .symbol i[data-v-81b30ce1]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.extract-preview .symbol-circle[data-v-81b30ce1]{border-radius:50%}.extract-preview .el-upload__text[data-v-81b30ce1]{flex:1}.extract-preview[data-v-81b30ce1] .el-upload-dragger{border-radius:50%;width:40px;height:40px;line-height:40px;overflow:visible;padding:0!important}.extract-preview .badge[data-v-81b30ce1]{align-items:center;display:inline-flex}.extract-preview .badge-circle[data-v-81b30ce1]{min-width:unset;border-radius:50%;width:1.25rem;height:1.25rem;padding:0}.extract-preview .badge-danger[data-v-81b30ce1]{color:#fff;background-color:#f8285a}.title .title-count[data-v-a01c6a37]{color:var(--el-color-primary);font-size:28px;line-height:1em;position:absolute;top:0;left:0}.bg-light[data-v-a01c6a37]{border-radius:10px}.queue[data-v-a01c6a37]{margin-right:10px}.queue .circle[data-v-a01c6a37]{vertical-align:middle;border-radius:50%;width:10px;height:10px;display:inline-block}.queue .idle[data-v-a01c6a37]{background-color:var(--el-color-success)}.queue .busy[data-v-a01c6a37]{background-color:var(--el-color-warning)}.operate-container[data-v-a01c6a37]{margin-bottom:.5rem}@media screen and (width>=768px){.operate-container[data-v-a01c6a37]{margin-bottom:0;margin-left:.5rem}}.operate-container>div[data-v-a01c6a37]{height:300px}@media screen and (width>=768px){.operate-container>div[data-v-a01c6a37]{height:400px}}.operate-container>div img[data-v-a01c6a37]{object-fit:contain}.operate-container .slider-container[data-v-a01c6a37]{width:100%}.operate-container .slider-container video[data-v-a01c6a37]{border-radius:5px;height:calc(100% - 86px)}.operate-container .slider-container img[data-v-a01c6a37]{border-radius:5px;height:calc(100% - 86px)!important}.operate-container .result-container[data-v-a01c6a37]{width:100%;padding-bottom:50px;position:relative}.operate-container .result-container[data-v-a01c6a37] .el-image,.operate-container .result-container[data-v-a01c6a37] .el-image>img{width:100%;height:100%}.operate-container .result-container .btn-wrapper[data-v-a01c6a37]{position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.operate-container .result-container .btn-wrapper .upscale[data-v-a01c6a37]{margin-left:10px}.yi-text-warning[data-v-a01c6a37]{color:#f4ea2a}.el-button+.el-button[data-v-a01c6a37]{margin-left:0}.yi-element-beauty-card-tabs[data-v-5fa1254e]{text-align:center}.yi-element-beauty-card-tabs[data-v-5fa1254e]>.el-tabs__header{background:#e9ecf0;border:none;border-radius:8px;max-width:100%;height:auto;margin:0 auto;padding:4px;overflow-x:auto}.yi-element-beauty-card-tabs[data-v-5fa1254e]>.el-tabs__header .el-tabs__nav-wrap{margin-bottom:0}.yi-element-beauty-card-tabs[data-v-5fa1254e]>.el-tabs__header .el-tabs__nav{border:none}.yi-element-beauty-card-tabs[data-v-5fa1254e]>.el-tabs__header .el-tabs__nav .el-tabs__item{color:var(--el-color-primary-light-5);height:auto;min-height:var(--el-tabs-header-height);border:none;font-weight:600;padding:0 20px!important}@media screen and (width>=768px){.yi-element-beauty-card-tabs[data-v-5fa1254e]>.el-tabs__header .el-tabs__nav .el-tabs__item{padding:0 40px!important}}.yi-element-beauty-card-tabs[data-v-5fa1254e]>.el-tabs__header .el-tabs__nav .el-tabs__item.is-active{color:var(--el-color-primary);-ms-border-radius:8px;-o-border-radius:8px;background-color:#fff;border-radius:8px}